@media (max-width: 1000px){
    .TopMenu {
        display:none;
    }

    .LeftMenu{
        width: 40px;
        height:100%;
        position: absolute;
        z-index: 10;
    }

    .MenuItem {
        height: 40px;
        padding:0px;
    }

    .MenuItemIcon i {
        font-size: 14px;
    }

    .SlideMenu{
        top:0px;
        left:40px;
        height:100%;
    }

    .MenuItemIcon i {
        font-size: 20px;
        margin-top: 10px;
    }

    .MenuItemIcon[style]{
        width: 70%;
        margin-left: 5px;
    }

    .MainPageContent{
        margin-left:40px;
        width: calc(100% - 45px);
        height: calc(100%);
    }

    .internalContent {
        width: 100%;
        margin-left: 0px;
        height: 100%;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .LoginSection{
        left:(50% + 10px)
    }

    .LoginSection form {
        width: auto;
        min-width: 300px;
        max-width:400px;
    }
}

@media only screen and (max-width: 767px){
	form:not(.unstackable) .fields:not(.unstackable)>.eight.wide.field, form:not(.unstackable) .fields:not(.unstackable)>.eleven.wide.field, form:not(.unstackable) .fields:not(.unstackable)>.fifteen.wide.field, form:not(.unstackable) .fields:not(.unstackable)>.five.wide.field, form:not(.unstackable) .fields:not(.unstackable)>.four.wide.field, form:not(.unstackable) .fields:not(.unstackable)>.fourteen.wide.field, form:not(.unstackable) .fields:not(.unstackable)>.nine.wide.field, form:not(.unstackable) .fields:not(.unstackable)>.seven.wide.field, form:not(.unstackable) .fields:not(.unstackable)>.six.wide.field, form:not(.unstackable) .fields:not(.unstackable)>.sixteen.wide.field, form:not(.unstackable) .fields:not(.unstackable)>.ten.wide.field, form:not(.unstackable) .fields:not(.unstackable)>.thirteen.wide.field, form:not(.unstackable) .fields:not(.unstackable)>.three.wide.field, form:not(.unstackable) .fields:not(.unstackable)>.twelve.wide.field, form:not(.unstackable) .fields:not(.unstackable)>.two.wide.field, form:not(.unstackable) .five.fields:not(.unstackable)>.field, form:not(.unstackable) .five.fields:not(.unstackable)>.fields, form:not(.unstackable) .four.fields:not(.unstackable)>.field, form:not(.unstackable) .four.fields:not(.unstackable)>.fields, form:not(.unstackable) .three.fields:not(.unstackable)>.field, form:not(.unstackable) .three.fields:not(.unstackable)>.fields, form:not(.unstackable) .two.fields:not(.unstackable)>.field, form:not(.unstackable) .two.fields:not(.unstackable)>.fields {
		width: 100%!important;
	}
	form .fields {
		margin-bottom: 0;
	}

	form:not(.unstackable) .eight.fields:not(.unstackable)>.field, form:not(.unstackable) .eight.fields:not(.unstackable)>.fields, form:not(.unstackable) .five.fields:not(.unstackable)>.field, form:not(.unstackable) .five.fields:not(.unstackable)>.fields, form:not(.unstackable) .four.fields:not(.unstackable)>.field, form:not(.unstackable) .four.fields:not(.unstackable)>.fields, form:not(.unstackable) .nine.fields:not(.unstackable)>.field, form:not(.unstackable) .nine.fields:not(.unstackable)>.fields, form:not(.unstackable) .seven.fields:not(.unstackable)>.field, form:not(.unstackable) .seven.fields:not(.unstackable)>.fields, form:not(.unstackable) .six.fields:not(.unstackable)>.field, form:not(.unstackable) .six.fields:not(.unstackable)>.fields, form:not(.unstackable) .ten.fields:not(.unstackable)>.field, form:not(.unstackable) .ten.fields:not(.unstackable)>.fields, form:not(.unstackable) .three.fields:not(.unstackable)>.field, form:not(.unstackable) .three.fields:not(.unstackable)>.fields, form:not(.unstackable) .two.fields:not(.unstackable)>.field, form:not(.unstackable) .two.fields:not(.unstackable)>.fields, form:not(.unstackable) [class*="equal width"].fields:not(.unstackable)>.field, .UIv6[class*="equal width"].form_v6:not(.unstackable) .fields>.field {
		width: 100%!important;
		margin: 0 0 1em;
	}

	form .fields {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}


}


@media only screen and (max-width: 1500px){
    .internalContent{
        padding: 10px;
    }
    #media_manager_content_ctn .mm.filter {
        width: 240px!important;
    }
    #media_manager_content_ctn .mm.media_ctn {
        width: calc(100% - 240px);
    }
    .mm.category_list .ImageCategoryItemOnMenu > div {
        padding: 10px 5px!important;
    }
    .mm.media_ctn > .content >.scroll_container{
        height:calc(100% - 60px);
    }
    #media_manager_content_ctn .button_section:first-child button {
        width: 140px!important;
    }
    .mm.media_ctn .toggle_ctn {
        padding: 4px 7px!important;
    }
    .mm.media_ctn .content_search {
        width: 267px!important;
    }
    .mm.media_ctn .content_search .mm.search_ctn input {
        width: 200px!important;
    }
    #media_manager_content_ctn{
        margin-top: 10px!important;
    }
    .pm-top-bar{
        margin-bottom: 10px!important;
    }
    .pm-top-bar-action{
        font-size: 12px!important;
    }
    .pm-accordian-inner-item {
        width: 160px!important;
        height: 110px!important;
        font-size: 12px!important;
        margin: 4px!important;
    }
    .pm-main .pm-main-side-nav-left,.pm-main div.pm-main-side-nav-right {
        width: 240px!important;
    }
    .pm-main.tablebuilder .pm-main-side-nav-left {
        width: 220px!important;
    }
    .pm-main.tablebuilder div.pm-top-bar-title-ctn{
        width: 140px!important;
    }
    .pm-main.tablebuilder .themaintable{
        font-size: 12px!important;
    }
    .pm-main.tablebuilder .pm-top-bar .pm-top-bar-action {
        width: 110px!important;
    }
    .pm-main.tablebuilder #tableName{
        width: 100px!important;
    }
    .pm-main .pm-main-side-nav-right .pm-main-side-nav-ctn .pm-main-side-nav-ctn-template {
        width: 160px!important;
        height: 200px!important;
    }
    .pm-main:not(.anal, .tablebuilder, .sitefeatures, .manage_clients, .manage_groups, .page_privileges, .client_settings) .pm-main-viewport {
        max-width: calc(100% - 485px)!important;
    }
    .pm-main.anal .pm-main-side-nav {
        max-width: 180px!important;
    }
    .pm-main.anal .pm-main-viewport-inner, .pm-main:not(.tablebuilder) .pm-main.tablebuilder .pm-main-viewport-inner {
        padding: 8px!important;
    }

    .pm-main.anal .pm-main-viewport-inner > fieldset legend {
        padding: 2px
    }

    .pm-main.anal .pm-main-viewport-inner > fieldset {
        padding: 4px
    }

    .pm-main.anal .pm-main-viewport-inner .dashitem > div:first-child, .pm-main.anal fieldset.gb_bd_d.gb_bd_d > .firstdiv {
        font-size: 4em;
    }
    .pm-main.anal .pm-main-viewport-inner .dashitem > div:last-child{
        font-size: 14px;
    }

    .pm-main.anal .pm-main-viewport-inner fieldset{
        padding:0px;
    }

    .pm-main.anal .pm-main-viewport-inner fieldset.gb_bd_d.gb_bd_d > .lastdiv{
        margin-top: 6px;
    }

    .pm-main.anal .pm-main-viewport-inner .dashitem{
        padding: 4px;
        height: 160px;
    }

    .pm-main .pm-main-side-nav-right .pm-main-side-nav-ctn, .pm-main .pm-main-side-nav-left .pm-main-side-nav-ctn, .pm-main .pm-main-viewport-inner {
        padding: 10px;
    }

    .themeItem {
        font-size: 10px!important;
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
    .themeItem .colorPreview {
        width: 25px!important;
    }
    .themeItem input,.themeItem select{
        font-size: 12px;
    }
    .themeItem .colorInput {
        width: 70px!important;
    }
}