@media only screen and (max-width: 768px) {
		.flapit-admin #secure{
			display:none;
		}
		
		.flapit-admin .team-title{
			line-height:1 !important;
		}
		
		.flapit-admin #content{
			margin-left:20px;
			margin-right:20px;
		}
		
		.flapit-admin .device-config-create{
			float:left;
			margin:0;
		}
		
		.flapit-admin .list-shorten-links .link{
			margin-left:30px;
		}
		
		.flapit-admin .current-configuration{
			margin-top:30px;
		}	
		
		.flapit-admin .drop-area.virtual-device{
			margin:10px 0px !important;
		}
		
		.flapit-admin #virtual-flapit-widget .device .tools{
			margin-top:0;
			margin-bottom:0;
		}
		
		.flapit-admin .device.step-block  #section-data-type{
			float:left;
		}
}

@media only screen and (max-width: 768px) {
		.flapit-admin .caption-graph{
			margin-bottom:40px !important;
		}

		.flapit-admin .device-single .generic{
			width:60% !important;
		}

		.flapit-admin div.loop > .composition > .knob-container{
			margin:10px 40px !important;
		}

		.flapit-admin .chart{
			float:left;
		}
		
			  .chart li{
		    display: block;
		    margin-top:55px !important;
		    float: left;
		    font-size:13px;
		  }
			  .chart li.axis{
		    display: block;
		    margin-top:auto !important;
		    float: left;

		}

		.flapit-admin .chart .skill{
			bottom:-90px;
		}	

		.flapit-admin .graphs-caption p{
			font-size:14px !important;
		}

		.flapit-admin .graphs-caption .chosen-container{
			margin-top:7px !important;
		}
		
		.flapit-admin div.loop > .composition .custom-message {
			height: calc(100% - 84px) !important;
			bottom: calc(-100% + 78px) !important;
			left:0;
		}
		
		.flapit-admin div.loop > .composition > .generic{
			width:auto;
		}
		
		.flapit-admin .composition .tools{
			float:left !important;
		}
		
		div.loop > .composition > .generic{
			margin-bottom:0;
		}
		.flapit-admin div.loop > .composition > .knob-container{
			bottom:20px;
		}
		
		.flapit-admin .custom-message .knob-container{
			width:100px !important;
		}
		
		.flapit-admin .custom-message .empty-tool{
			display:none !important;
		}
		
		.flapit-admin .knob-container > .custom-label{
			margin-top:10px;
			float:left;
			font-size:9px;
			line-height:1;
			width:50px !important;
		}
		
		.flapit-admin .composition.ui-sortable-handle{
			padding-top:40px;
			padding-left:50px;
			padding-bottom:100px;
		}
		
		.flapit-admin .composition.ui-sortable-handle{
			
		}
		
		.flapit-admin div.loop .composition .custom-message .tools{
			width:50px !important;
		}
		
		.flapit-admin div.loop .composition .custom-message .generic{
			margin:0 !important;
		}
		
		.flapit-admin .cell-gray.counter.counter-small{
			margin-top:0 !important;
		}
		
		.flapit-admin div.loop .counter-title{
			font-size:12px;
		}
		
		.flapit-admin .step-footer{
			padding:30px;
		}	

		.flapit-admin .device-icon{
			max-width:100%;
		}	

		.flapit-admin .create, .flapit-admin .save{
			font-size:15px;
		}		
		
		.flapit-admin .configuration-add_app p{
			font-size:16px;
		}
		
		.flapit-admin .drop-area{
			padding:30px;
		}
		
		.flapit-admin .drop-area .drop-instruction{
			padding-left:65px;
			font-size:20px;
		}
		
		.flapit-admin .steps-buttons button{
			padding-left:0;
			padding-right:0;
			margin-left:0;
			margin-right:0;
			width:100%;
		}
		
		.flapit-admin .steps-buttons div{
			width:100%;
			margin:0;			
		}
		
		.flapit-admin .current-configuration .edit-button{
			float:left;
		}
		
		.flapit-admin .composition .tools{
			position:relative;
			width:auto !important;
			float:right;
			background:transparent;
		}
		
		.flapit-admin .composition .tool, .flapit-admin .composition .tool a, .flapit-admin .device .tool a{
			float:left;
			width:42px;
		}
		
		.flapit-admin .device-configuration .step-body{
			padding:25px;
		}
		
		.flapit-admin .composition.ui-sortable-handle{
			margin-bottom:30px;
		}
		
		.flapit-admin div.loop > .composition > .knob-container{
			position:absolute;
			bottom:0;
			left:0px;
			width:110px !important;
		}
		
		.flapit-admin div.loop .counter-title{
			margin-top:-45px;
			text-align:center;
			line-height:1;
		}
		
		.flapit-admin .cell-gray.counter.counter-small{
			margin-top:40px;
		}
		
		.flapit-admin div.loop > .composition > .generic .cell-gray.counter-small{
			padding:20px;
		}
		
		.flapit-admin .url-shortener .span_12_of_12.widget-description p, 
		.flapit-admin .qr-code .span_12_of_12.widget-description p, 
		.flapit-admin .qr-code-generated .span_12_of_12.widget-description p, 
		.flapit-admin .virtual-flapit-section .span_12_of_12.widget-description p{
			padding: 0 20px;
		}
		
		.flapit-admin .widget-description .icon-widget{
			max-width:100%;
			background-size:90%;
		}
		
		.flapit-admin input[type=checkbox].css-checkbox + label.css-label, 
		.flapit-admin input[type=radio].css-radio + label.css-label{
			min-width:121px;
		}
		
		.flapit-admin .website-url label{
			line-height:1;
		}
		
		.flapit-admin .website-url input{
			margin-left:0px;
		}
		
		.flapit-admin .step-block p{
			font-size:14px;
		}
		
		.flapit-admin .head-tab .step-head{
			font-size:18px;
		}
		
		.flapit-admin .qr-code-generated .widgets-lists .widget-description a{
			display:block;
			font-size:12px;
		}
		
		.flapit-admin .url-shortener .step-block{
			padding:10px;
		}
		
		.flapit-admin .drop-area.virtual-device .drop-instruction{
			max-width:100%;
		}
		
		
		.flapit-admin .device .chosen-container,
		.flapit-admin .virtual-flapit-section .device-config-select{
			margin:0 !important;
		}
		
		.flapit-admin .virtual-flapit-section .device-config-select,
		.flapit-admin .device .chosen-container{
			max-width:100%;
		}
		
		.flapit-admin .drop-area.virtual-device .drop-instruction{
			font-size:18px;
			padding-left:75px !important;
		}
		
		.flapit-admin .labels_order{
			display:none;
		}
		
		.flapit-admin .my-account-container .span_7_of_12, .flapit-admin .my-account-container .span_5_of_12{
			width:100%;
		}
		
		.flapit-admin .span_quantity .label,
		.flapit-admin .span_price_unit .label,
		.flapit-admin .span_price_product .label{
			display:block !important;
			font-size:12px;
			text-align:center;
			color:#B3AA9A
		}
		
		.flapit-admin #quantity_container{
		    width: 120px;
			height: 60px;
			margin: 0 auto;
		}
		
		.flapit-admin .add_quantity, .flapit-admin .sub_quantity{
			width:20px;
			height:20px;
			margin-top:-10px;
			background-size:cover !important;
		}
		
		.flapit-admin .sub_quantity{
			margin-left:-25px;
		}
		
		.flapit-admin .device-config-create {
			float: right;
			margin: 25px 10px;
			width:auto;
		}
		
		.flapit-admin .widget-description .icon-widget{
			background-size:100%;
		}

		.ui-sortable .composition .knob-container > div{
			height:60px;
			width:60px;
		}

		.flapit-admin div.loop > .composition > .knob-container{
		    position: absolute;
		    bottom: 0;
		    right: 40px;
		    left: auto;
		    height: 70px !important;
		    bottom: 30px !important;
		    width: 70px !important;
		}
		.flapit-admin .ui-sortable .composition > .knob-container > div{
		    height: 70px !important;
		    width: 70px !important;
		}

		.flapit-admin .virtual-flapit-section .device-config-container{
			margin-top:25px !important;
		}

		.flapit-admin .virtual-flapit-section .device-icon{
			height:90px;
		}
}

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

		.flapit-admin .virtual-flapit-section .device-config-container{
			margin-top:5px !important;
		}

		.flapit-admin div.loop > .composition > .knob-container{
			margin:0 !important;
		}

		.flapit-admin .device-icon {
			float:left;
		}
		
		.flapit-admin .chart li {
			margin-top:50px;
		}
		
		.flapit-admin .device-config-create {
			float: left;
			margin:0;
		}
}

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

		.flapit-admin .device-single .generic{
			width:100% !important;
		}

		#headcontainer{
			height:120px !important;
		}
		
		.flapit-admin header .chosen-container.chosen-container-single{
			clear:both !important;
			float:none !important;
			display:block;
			margin:auto !important;
		}

		.knob-container .label{
			font-size:10px;
		}

		.flapit-admin .list-shorten-links .link{
			margin-left:0px;
		}
		
		.flapit-admin header{
			width:90%;
		}

	.flapit-admin .composition.ui-sortable-handle{
		padding-top:45px !important;
	}
	
	.flapit-admin .composition .tools{
		position:absolute;
		bottom:20px !important;
		right:10px;
		top:auto;
		height:40px !important;
	}
	
	.flapit-admin div.loop > .composition > .knob-container{
		bottom:10px;
		left:10px;
	}
	
	.flapit-admin  div.loop > .composition > .generic{
		margin-top:5px !important;		
	}
	
	.flapit-admin div.loop > .composition > .generic .cell-gray.counter-small{
		padding-top:5px;		
	}
	
	.flapit-admin div.loop > .composition .custom-message .knob-container{
		display:none;
	}
	
	.flapit-admin div.loop .composition .custom-message .generic{
		width:calc(100% - 50px) !important;
	}
	
	.flapit-admin .composition .custom-message .tools{
		height:auto !important;
	}
	
	.flapit-admin .chart li {
		margin-bottom:90px;
	}
	
	.flapit-admin .chart{
		margin-bottom:0px;
	}
	
	.flapit-admin .caption-graph input[type=text]{
		margin-left:0;
		margin-top:10px;
	}
	
	.flapit-admin #caption-color{
		float:left !important;
		margin:10px 20px;
	}
	
	.flapit-admin .graphs-caption .chosen-container{
		margin-left:0 !important;
	}

}