/* Extra small devices (phones, 600px and down) */
 @media only screen and (max-width: 1080px) {
 	.flex_box {
 		flex-direction: column;
 	}

	.cart_table__row td.btn_column:last-child {
		padding-right: 0px;
	}
	.btn.btn-add-code,
	.btn.btn-del-code {
		text-align: center;
		padding: 5px 40px;
	}
	
	.cart_column .project_count {
		width: 100% !important;
	}

	header .flex_box {
 		flex-direction: row;
 	}

	 .cart_column .btn.violet.edit_btn{
		min-height: 30px;
		margin-bottom: 0px;
		justify-content: center;
		width: 99%;
	 }

 	.left_bar1__top_icons {
 		width: 90%;
 		display: flex;
 		justify-content: space-evenly;
 	}

 	aside.left_bar1.flex_box.column {
 		position: fixed;
 		bottom: 0px;
 		flex-direction: row;
 		z-index: 999;
 		width: 100vw;
 		padding-left: 150px;
 		overflow-x: scroll;
 	}

 	.left_bar1__icon {
 		min-width: 90px;
 	}

 	.left_bar1__icon_label {
 		font-size: 8px;
 	}

	.fal.fa-image-polaroid {
		margin-top: 25px;
	}
	
 	.left_bar1__bottom_icons {
 		display: none;
 	}

 	.left_bar1__icon.is_active::after {
 		display: none;
 	}

 	.left_bar1.flex_box.column.space_between * {
 		max-height: 70px;
 	}

 	#choose-frame-modal-all .choose-frame {
 		max-height: 60vh;
 		padding: 30px 0px;
 	}

 	.left_bar1__icon.is_active {
 		padding: 0px 20px;
 	}

 	aside.left_bar2.show {
 		grid-area: left_bar2;
 		width: 100vw;
 		min-height: 100vh;
 		left: 0px;
 	}

 	.left_bar2 {
 		position: absolute;
 		left: -99999px;
 	}

 	.left_bar2__header .flex_box {
 		flex-direction: row;
 	}

 	.controls_box {
 		flex-direction: row;
 	}

 	#controls-container {
 		z-index: 1;
 		position: absolute;
 		width: 100vw;
 		top: 0px;
 		right: -50px;
 		left: -80px;
 		overflow-x: scroll;
 		overflow-y: hidden;
 	}

 	.canvas-container {
 		position: absolute !important;
 		top: 150px !important;
 		right: -40px;
 	}

 	.lines_container {
 		display: none !important;
 	}

 	.header_btn {
 		padding: 10px;
 	}

 	.header_btn.violet {
 		padding: 22px;
 	}

 	.header__yellow_bar {
 		display: none;
 	}

 	.mobile_icon {
 		display: flex;
 	}

 	.flex_box.header_wrapper.centered {
 		display: none;
 	}

 	#controls-container.show {
 		padding: 25px 50px 50px 50px;
 		height: 30px;
 	}

 	#controls-container.show .controls_box {
 		margin-left: 980px;
 	}

 	.left_bar2.show {
 		left: 0px;
 	}

 	.left_bar2__additional_section .btn.violet {
 		display: none;
 	}

 	.left_bar2__additional_section .btn.blue.flex_box.column {
 		width: 100%;
 		align-items: center;
 		align-content: center;
 		justify-content: center;
 		flex-direction: column;
 	}

 	.ajax-upload-dragdrop {
 		width: 550px;
 		display: flex;
 		flex-direction: column;
 		max-width: 80%;
 		justify-content: center;
 		align-items: center;
 		text-align: center;
 		margin: auto;
 	}

 	.cart_table__row {
 		display: flex;
 		flex-direction: column;
 	}

 	.cart_header {
 		font-size: 25px;
 		margin-bottom: 30px;
 	}

 	.workspace.cart_wrapper.flex_box.centered.column {
 		position: relative;
 		left: -70px;
 		width: 100vw;
 	}

 	.client_form .form-group {
 		flex-direction: column;
 		align-items: baseline;
 	}

 	.order_table_container .order_table {
 		width: 120%;
 	}

 	.summary_row.flex_box.space_between {
 		display: flex;
 		flex-direction: revert;
 	}

	 .padding-90 {
		padding: 90px 30px;
	  }
	  .header_btn * {
		font-size: 12px;
	  }

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

	  .choose-frame .item {
		cursor: pointer;
		width: 100%;
		display: flex;
		margin: auto;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
		margin-bottom: 30px;
	  }
	  
	  .choose-frame .image {
		max-width: 350px;
		margin: 0px;
		margin-right: 10px;
	  }
	  .left_bar2__bottom_wrapper {
		margin-bottom: 90px;
	  }
	  .left_bar2__bottom_wrapper .btn {
	  	max-height: 30px;
		height: 100px;
		min-height: 80px;
	}

	#controls-container.show.onlyimage .controls_box.flex_box.text-controls {
		margin-left: auto;
	}

	#controls-container.filters-shown{
		overflow-y: visible;
		overflow-x: visible;
	}

	#controls-container.filters-shown #filter-container {
		left: 0px;
		top: 75px;
	}
	
	.colpick.colpick_full.colpick_dark {
		left: 0px !important;
		top: 230px !important;
	}

	#choose-frame-modal-all .modal-dialog {
		margin: 0px;
	}

	#choose-frame-modal-all .modal-header h2 {
		width: 100%;
		text-align: center;
		margin-top: 20px;
	}

	#save-project-modal .modal-body .flex_box.space_between {
		flex-direction: column;
		gap: 10px;
	}
	#allegro_help {
		min-height: 90vh;
	}
	
 }


 @media only screen and (min-width: 600px) and (max-width: 900px) {


 	.client_form .form-group {
 		flex-direction: column;
 		align-items: baseline;
 	}

 	.order_table_container .order_table {
 		width: 100%;
 	}

 	.order-form {
 		overflow: scroll;
 	}

	#allegro_help {
		min-height: 90vh;
	}
 }



 /* Small devices (portrait tablets and large phones, 600px and up) */
 @media only screen and (min-width: 600px) {}

 /* Medium devices (landscape tablets, 768px and up) */
 @media only screen and (max-width: 1400) {}

 /* Large devices (laptops/desktops, 992px and up) */
 @media only screen and (min-width: 992px) {}

 /* Extra large devices (large laptops and desktops, 1200px and up) */
 @media only screen and (min-width: 1200px) {

 	.mobile_icon {
 		display: none;
 	}

 	.header_btn .flex_box__element__label {
 		min-height: 48px;
 		display: flex;
 		justify-content: center;
 		align-items: center;
 	}

 }


 @media only screen and (min-width: 992px) and (max-width: 1366px) {
	.left_bar2__content {
		width: 100%;
		min-height: 40vh;
		max-height: 55vh;
	}

 	.canvas-container {
 		-webkit-transform: scale(0.85);
 		-webkit-transform-origin: 0 0;
 		top: 90px;
 		left: 90px;
 	}

 	.header__yellow_bar {
 		font-size: 0.8rem;
 	}

 	.header_btn .flex_box__element__label {
 		font-size: 15px;
 	}

 	#controls-container.show {
 		padding: 25px 15vw 50px 35vw;
 		/* overflow-x: scroll; */
 	}

	.summary_row.flex_box.space_between {
		display: flex;
		flex-direction: revert;
	}
	.cart_wrapper.flex_box.centered.column.padding-90 {
		padding: 40px;
	}
	.cart_wrapper.padding-90 > .container {
		margin: 50px 95px auto 0px;
	}

 }

 
 /* Extra large devices (large laptops and desktops, 1200px and up) */
 @media only screen and (min-width: 1366px) and (max-width: 1370px) {
	.canvas-container {
 		-webkit-transform: scale(0.85);
 		-webkit-transform-origin: 0 0;
 		top: 90px;
 		left: 90px;
 	}
 }
 
 #allegro_help {
	 min-height: 90vh;
 }

 @media only screen and (min-width: 800px) and (max-width: 1081px) {
	#controls-container {
		left: -200px;
	}
	#controls-container.show {
		width: 110vw;
	}

	.canvas-container {
		position: absolute !important;
		top: 105px !important;
		right: -105px;
	  }

	.cart_table__row {
		display: flex;
		flex-direction: row;
	}

	.order-form {
		width: 97vw;
  		overflow: scroll;
	}
 }

 @media only screen and (max-width: 481px) {
	.canvas-container {
		position: absolute !important;
		top: 105px !important;
	}

	.cart-subitem {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		text-align: center;
		margin: 20px 35px;
	  }

	.cart_table__row td:first-of-type {
		margin: auto;
	}

	.cart_column h4,
	.cart_column .project_count {
		font-size: 15px;
	}

	.cart_table__row td {
		padding: 15px;
	}

	.padding-90 {
		padding: 90px 30px;
		padding-bottom: 150px;	  
	}

	.order-button-container {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	.delete_project.btn.red.flex_box {
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.btn.violet.flex_box.column.edit_btn {
		margin-bottom: 5px;
	  }

 }

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

	.cart-subitem {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		text-align: center;
		margin: 15px 100px;
	}
	
	.cart_table__row td:first-of-type {
		margin: auto;
	}

	.delete_project.btn.red.flex_box {
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.btn.violet.flex_box.column.edit_btn {
		margin-bottom: 5px;
	}

	.order-button-container {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	.order_table .form-control {
		width: 150px;
	}

	.padding-90 {
		padding: 90px 30px;
		padding-bottom: 150px;	  
	}

	.order_table_container {
		width: 90vw;
		overflow-x: scroll;
	}
	.row.allegro_codes {
		max-width: 90vw;
	} 
 }

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

	.cart-subitem {
		margin: 0px;
	}

 }

 @media only screen and (max-width: 1081px) {
	.col-md-12.summary_table .flex_box {
		flex-direction: revert;
	  }
 }

 @media only screen and (min-width: 769px) and (max-width: 800px)  { 
	.cart_table__row td:first-of-type {
		margin: auto;
	}

	.cart-subitem {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		text-align: center;
		margin: 15px 0px;
	}
 }

 @media only screen and (min-width: 800px) and (max-width: 992px) {
	.order-form {
	  width: 92vw;
	  overflow: scroll;
	}

	#controls-container.filters-shown #filter-container {
		left: 120px;
		top: 45px;
	}
	
  }


  @media only screen and (min-width: 800px) and (max-width: 991px) {
  	#controls-container.show .controls_box {
		margin-left: 100px !important;
	}
  }

@media only screen and (min-width: 405px) and (max-width: 799px) {

	#controls-container {
		z-index: 1;
		position: absolute;
		width: 100vw;
		top: 0px;
		right: 0px;
		left: -30%;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	
	#controls-container.show.onlyimage .controls_box.flex_box.text-controls {
		margin-left: 70%;
	}

}

@media only screen and (min-width: 992px) and (max-width: 1367px) {

	#controls-container {
		z-index: 1;
		position: absolute;
		width: 100vw;
		top: 0px;
		right: 0px;
		left: -30%;
		/* overflow-x: scroll; */
		/* overflow-y: hidden; */
	}
	
	#controls-container.show .controls_box {
		margin-left: 10%;
	  }

	#controls-container.show.onlyimage .controls_box.flex_box.text-controls {
		margin-left: -40%;
	}
}


@media only screen and (min-width: 200px) and (max-width: 799px) {
	.choose-frame .image {
		max-width: 150px;
	}
	
	aside.left_bar1.flex_box.column {
		padding-left: 0px;
	}

	.image-list__element {
		background-size: cover;
		max-width: 80px;
		min-height: 40px;
	}
	
	.left_bar2__header {
		width: 100%;
		background: var(--ff-violet);
		color: white;
	}

	#right-icons {
		position: absolute;
		left: 0px;
		top: 70%;
		font-size: 20px;
		width: 4%;
		background:#444546;
		color: white;
		padding:10px 30px;
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	#controls-container.filters-shown #filter-container {
		top: 40px;
		left: 50%;
	}

	.left_bar2__content {
		width: 100%;
		min-height: 50vh;
		max-height: 50vh;
	}
	
	.left_bar2__bottom_wrapper {
		margin-bottom: 200px;
	}

	.logo-containter img {
		height: 15px;
	}

	#creator_title {
		font-size: 9px;
	}

	.header_btn.btn.flex_box.column {
		/* display: none; */
		flex-direction: revert;
		gap: 10px;
		min-height: 20px;
		background: transparent;
		max-height: 20px;
		color: black;
	}

	.header_btn.btn.flex_box.column.violet2{
		color: #632988;
	}
	.header_btn.btn.flex_box.column.violet{
		color: var(--ff-violet);
	}



	#mobile_menu .header_btn.btn.flex_box.column {
		display: flex;
	}

	#mobile_menu_icon {
		display: block;
		margin-right: 30px;
	}

	#mobile_menu .modal-dialog {
		margin: 0px;
	}
	#mobile_menu .header_btn.btn {
		flex-direction: row;
		justify-content: flex-start;
		padding: 0px 30px;
		gap: 10px;
		border-radius: 0px;
		min-height: 70px;
	}

	/* #mobile_menu .header_btn.btn.blue.flex_box {
		color: #3e6fb7;
		background-color: #fff;
	} */

	#save-project-modal .btn.blue{
		width: 100%;
	}
	#save-project-modal .modal-body div.flex_box.space_between {
		flex-direction: column;
		gap: 10px;
		width: 100%;
		justify-content: flex-start;
		align-items: baseline;
	}

	#controls-container.show.onlyimage .controls_box.flex_box.text-controls {
		margin-left: 200px;
	  }
}

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

	#controls-container {
		width: 110vw;
	  }

}