@media only screen and (max-width: 1200px) {
	.dashboard{display: block;}
	.dashboard__column{max-width: 100%; flex: 100%;}
}

@media only screen and (max-width: 640px) {
	
	body{padding: 0 !important; margin: 0}

	.querycount{display: none;}

	/* Header */
	.manage-header-container{width: auto; position: relative; padding: 5px 0; float: none; top: auto; left: auto; height: auto; min-height: 0; }
	.manage-header-container .wrapper{padding-bottom: 0;}
	.manage-header-container h1{margin: 0; text-align: center; }
	.manage-header-container h1 img{width: 100px}
	.manage-header-container .loggedinas{display: none;}

	/* Main Menu */
	.manage-header-container ul#mainmenu, .manage-header-container ul#mainmenu li ul{width: 100%; padding: 0 !important}
	.manage-header-container ul#mainmenu li, .manage-header-container ul#mainmenu li ul li{width: 100% !important; text-align: center; padding: 0 !important;}
	.manage-header-container ul#mainmenu li a{width: 100%; padding: 15px 0 !important;}
    .manage-header-container ul#mainmenu li span.picicon{display: none;}

    /* Mobile burger menu */
    .manage-header-container #mobileclickmenu{position: absolute; top: 10px; left: 10px; cursor: pointer;}

    /* Secondary container - search form */
	.manage-secondary-container{width: auto; position: relative !important; padding: 1px 0; float: none; top: auto; left: auto; text-align: center;}
	.editpage .manage-secondary-container{display: none;}
	.manage-secondary-container div.loggedinas{position: relative; top: auto;}
	.manage-secondary-container form{width: auto; margin: 10px 0; position: relative; padding-bottom: 10px}	
	.manage-secondary-container form div{width: 100%; margin: 0;}
	.manage-secondary-container form div.pagename{display: none;}
	.manage-secondary-container p.add-link{position: relative; top: auto; right: auto; margin: 10px 0;}
	.menu-manage .manage-secondary-container, .editpage .manage-secondary-container, .simplelookupsitems-manage .manage-secondary-container, .login-manage .manage-secondary-container{overflow: auto; position: relative; left: auto; top: auto; width: 100%; text-align: center;}

	/* Main container */
	.manage-main-container{margin: 0; width: 95%; padding: 0 2.5%; position: relative; text-align: center;}
	.index-manage .manage-main-container{padding-top: 10px;}
	.manage-main-container .placeholderimg, .manage-main-container .noaheditlink, .manage-main-container a.helptextperpagebutton{display: none;}
	
	.manage-main-container label, .manage-main-container select, .manage-main-container input, .manage-main-container input.button, .manage-main-container textarea{display: block !important; position: relative !important; margin: 0 0 10px 0 !important; padding: 5px; width: 100% !important}
	.manage-main-container img.formimage{margin-left: 10%; max-width: 40%;}
	.manage-main-container label{padding: 0; margin: 0 0 2px 0 !important;}
	.manage-main-container #imagesdv input{display: none !important;}
	.manage-main-container h1{font-size: 0.9rem; text-align: left;}
	.manage-main-container .BlueEditImage{display: none !important;}

	/* Dashboard Specific */
	.manage-main-container .dashboardarea{width: auto; margin: 20px 0; float: none;}

	.datepickerimagediv{display: none;}
	.imagesizes-container img{max-width: 60%; width: 60%}

	/* BlueEdit Specific */
	.main-container{width: 95%; margin: 0 2.5%;}
	.main-container .previewlink, .main-container .placeholderimg,.main-container .noaheditlink, .main-container a.helptextperpagebutton, .main-container #tabmenu{display: none;}
	.main-container div.tab{margin-left: 0 !important;}
	.main-container div.tab textarea.blueedit{display: block;}
	.main-container label, .main-container select, .main-container input, .main-container input.button, .main-container textarea{display: block !important; position: relative !important; margin: 0 0 10px 0 !important; padding: 10px 0; width: 100% !important}
	.main-container label{padding-bottom: 0;}	
	div.mlquickdisplay{margin: 0; text-align: center;}

	/* Edit page tabs */
	#tabmenu{display: none;}
	#tabmenu-sub{display: none;}

	/* Installer tabs */
	.installer-menu-holder{border-top: 1px solid #000; position: fixed; bottom: 0; left: 0; z-index: 1000000; background-color: #fff; width: 100%}
	.installer-menu-holder .tabmenu-installer{display: block !important; background: none !important; height: 115px !important; margin-bottom: 0 !important; padding: 5px 0 0 0 !important; width: 100% !important;}
	.installer-menu-holder .tabmenu-installer li {width: calc(50% - 10px) !important; margin: 2px 5px !important; height: auto !important}
	.installer-menu-holder .tabmenu-installer li a{border-radius: 0 !important; border: none !important; background-color: #00b300 !important; color: #fff !important; padding: 4px 0 !important; width: 100% !important; height: auto !important; text-transform: uppercase;}
	.installer-menu-holder .tabmenu-installer-extra{list-style: none; padding: 0; margin: 0; height: 50px}
	.installer-menu-holder .tabmenu-installer-extra li {width: calc(50% - 10px); margin: 2px 5px; float: left;}
	.installer-menu-holder .tabmenu-installer-extra li a{background-color: #00b300; color: #fff; padding: 10px 0; width: 100%; text-transform: uppercase; float: left; text-decoration: none;}

	div.installer-tabs{padding-bottom: 171px}
	div.installer-tabs .image-container a{height: auto; display: block; width: 100%; overflow: auto; overflow: auto;}
	div.installer-tabs .image-container a img{transform: none; top: auto; width: 100%}
	div.installer-tabs .notes-category{width: 100%;}


	.editpage form.admin-form #builddv .datepickerimagediv{display: none;}
	.table--no-cell-padding td input{display: block; width: 50%}
	.ratecard-table{width: 98%; float: none; }
	.ratecard-chart{width: 98%; float: none; }

	.cols{float: none; width: 100%}
	.cols-15{width: 100%}
	.cols-50{width: 100%}

	.editpage .quicklinks{top: 95px}
	.quicklinks--2, .quicklinks--2{top: 5px !important}

	/* Edit page: Quote */
	.quote-summary{display: none;}
	.top-quote-buttons{position: relative; top: auto; right: auto;}

	.manage-main-container form.tablewrapper input.short{display: inline !important; width: 100px !important}

	.pdftab{width: 100%}
	.tab__category__product-header__price{position: relative; top: auto; right: auto; text-align: left;}
	.tab__category__product-description{margin: 0;}

	.editpage .manage-main-container form .quote-options-table{width: 100% !important}
	.editpage .manage-main-container form .table--option-table{width: 100% !important}
	.editpage .manage-main-container form table.product-options{width: 100% !important}

	.editpage .manage-main-container form .quote-options-table tr td:nth-child(1){width: 100%;}
	.editpage .manage-main-container form .quote-options-table tr td:nth-child(2){width: 100%;}
	.editpage .manage-main-container form .quote-options-table tr td:nth-child(3){width: 100%;}
	.editpage .manage-main-container form .quote-options-table tr td:nth-child(4){width: 100%;}
	.editpage .manage-main-container form .quote-options-table tr td:nth-child(5){width: 100%;}
	.editpage .manage-main-container form .quote-options-table tr td:nth-child(6){width: 100%;}
	.editpage .manage-main-container form .quote-options-table tr td label{padding: 0 !important; margin: 0 !important;}

	.manage-main-container .notes-col{width: 100%}
	.manage-main-container .notes-col1{width: 100%; float: none; margin: 0;}
	.manage-main-container .notes-col2{width: 100%; float: none; margin: 0;}

	/* Edit page: Order */
	.order-overview-col1{width: 100%; margin: 0; float: none;}
	.order-overview-col2{width: 100%; margin: 0; float: none;}

	.quote-edit-form #detailsdv{display: none;}
	.quote-edit-form #addonsdv{display: none;}
	.quote-edit-form #exteriordv{display: none;}
	.quote-edit-form #interiordv{display: none;}
	.quote-edit-form #servicesdv{display: none;}
	.quote-edit-form #fenestrationdv{display: none;}
	.quote-edit-form #electricsdv{display: none;}
	.quote-edit-form #foundationdv{display: none;}
	.quote-edit-form #sitedv{display: none;}
	.quote-edit-form #storedv{display: none;}
	.quote-edit-form #regulationsdv{display: none;}
	.quote-edit-form #bathroomsdv{display: none;}
	.quote-edit-form #kitchensdv{display: none;}
	.quote-edit-form #acousticsdv{display: none;}
	.quote-edit-form #notesdv{display: none;}
	.quote-edit-form #imagesdv{display: none;}
	.quote-edit-form #miscdv{display: none;}
	.quote-edit-form #checklistdv{display: none;}

	/* Dashboard */
	.dashboard {display: block; flex-wrap: none; padding: 0;}
	.dashboard__column {flex: unset; max-width: 100%; padding: 0;}

	/* Dashboard lists */
	.list-dashboard li{font-size: 1rem; text-align: left; padding: 0 0 10px 0; margin: 10px 0 0 0; border-bottom: 1px solid #eee}
	.list-dashboard li .list-dashboard-link{text-decoration: none; color: #fff; background-color: #00b300; padding: 4px 10px; float: right;}
	.list-dashboard li .list-dashboard-link:hover{opacity: 0.8}

	.sub-section{min-height: 100px; width: auto;}

	.first-page-header{width: 100%; padding: 0; margin: 0; height: auto;}
	.first-page{width: 100%; padding: 0; margin: 0;}
	.first-page-logo{position: relative; width: 80%; margin:  20px 10%; top: auto; left: auto; text-align: center;}
	.first-page-proposal{position: relative; width: 100%; top: auto; left: auto; margin-bottom: 10px; text-align: center; margin-bottom: 20px;}
	.first-page-summary{position: relative; width: 100%; top: auto; left: auto; border: none; padding: 0;}
	.first-page-overview{height: auto; padding: 20px; text-align: left;}
	.first-page-overview .first-page-col-1{position: relative; top: auto; left: auto; width: 100%; height: auto; margin-bottom: 10px; }
	.first-page-overview .first-page-col-2{position: relative; top: auto; left: auto; width: 100%; height: auto; padding: 0; border: none; margin-bottom: 10px; }
	.first-page-overview .first-page-col-3{position: relative; top: auto; left: auto; width: 100%; height: auto; padding: 0; border: none; margin-bottom: 10px; }
	.first-page-overview .first-page-col-4{position: relative; top: auto; left: auto; width: 100%; height: auto;}

	.left-column{width: calc(100% - 30px); text-align: left; float: none;}
	.right-column {width: calc(100% - 40px) !important; padding: 20px; /*position: relative; top: auto; left: auto;*/ float: none; text-align: left;}
	.right-column img{width: 100%}

	.fullimage-section{width: 100%}
	.elevations-image{max-width: 100%;}
	.table--buildspec-misc{max-width: 100%;}

	
	.product-items-main-table tr td .product-items-holder{text-align: left; }
	.product-items-holder tr{border: none;}
	.product-description-main{text-align: left !important}
	.product-description-external{text-align: left !important}
	.product-items-table tr td.product-description{width: 100%}
	.product-items-table tr td.product-price{width: 100%}

	.product-option-description{text-align: left}

	.product-options-table tbody tr.altRow{background-color: transparent !important;}
	.product-options-table tr td{text-align: left !important}
	.product-options-table tr td.product-option-description{width: 100%}
	.product-options-table tr td.product-option-price{width: 100%}

	/* Tables general */
    table {border: 0;}
    table col{display: none;}
    table thead {display: none;}
    table tr {margin-bottom: 10px; display: block; border-top: 2px solid #003457; border-bottom: 2px solid #003457;}
    table tr:after {content: ""; display: table; clear: both;}
    table tr:before {display: block;}
    table td, table th {box-sizing: border-box; display: block; float: left; clear: left; width: 100%; text-align: right !important; border:none !important; font-size: 0.8rem; padding: 5px 10px;}
    table td:last-child, table th:last-child {border-bottom: 0;}
    table td:before, table th:before {content: attr(data-label); float: left;}
	table tbody tr.altRow {background-color: #fff !important;}

	table.order-quote-summary td, table.order-quote-summary th{text-align: left !important;}

	table.order-quote-summary th:before{content: none !important;}
	table.order-quote-summary td:before{content: none !important;}


    .desktophidden{display: block;}
    .mobilehidden{display: none;}
    .manage-main-container input.hidden{display: none !important;}
}