@charset "utf-8";
/* CSS Document */

/* media-query
------------------------------------------------*/
@media handheld, only screen and (max-width: 1250px) {}

@media handheld, only screen and (max-width: 1140px) {}

@media handheld, only screen and (max-width: 1024px) {
	.Subscription-information .retail-marketing {width: 48%; flex-basis: 48%;padding:0;}
	.marketing-detail.Subscription-information{display: flex;flex-wrap: wrap;justify-content: space-between;}
	.maketing{width: 35%;}
	.marketing-detail, .abonnement,.voor-tital{padding: 30px 15px; margin: 0px;}
	.banner-bg{
		margin-bottom:0px;
	}
	/* .Subscription-information .retail-marketing{flex-basis: 100%; float: none;padding: 0px 0px;} */
	.retail-bg{
		margin-bottom:20px;
	}
	.marketingMiddelen-detail-left,.marketingMiddelen-detail-right,.marketing-detail .retail-marketing{
		float: none;
		width: 100%;
	}	
	.maketing{    width: 100%; float: none; padding-bottom: 25px;}
	.subscription-input ul li {
		padding:5px 6px;
	}
	.r-mkt-text {
		padding: 15px 10px 0px 10px;
	}
	.marketing-2021-detail,.maandel-section{
		padding:20px 15px;
	}
	.marketing-detail .subscription-input>p{
		margin-top:0px !important;
	}
	.onoffswitch {
		width: 65px;
		right: 5px;
		top: 15px;
	}
	.main_chart_class #chart-2-container{
		margin-left:0px;
	}
}

@media handheld, only screen and (max-width: 991px) {
	.Subscription-information .retail-marketing { width: 100%;flex-basis: 100%;}
	
}
/* Nexus */

@media handheld, only screen and (min-width: 768px)  and (max-width: 1023px){
	
	.card-left-voor {
		column-count:1;
	}
}
	
@media handheld, only screen and (max-width: 767px) {
	h1{
		font-size : 20px!important;
	}
	.marketing-detail, .abonnement{padding: 20px 15px; margin: 0px;}
	.marketing-2021-detail {
		padding: 20px 15px;
		text-align: center;
	}
	.maketing{padding-right:0;}
	.retail-marketing-img ,.r-mkt-text,.marketingMiddelen-detail-left,.marketingMiddelen-detail-right,.maketing-sbcription{
		float: none;
		width: 100%;
	}	
	.marketingMiddelen-detail-left{
	   padding-right:0px;
	}	
	.main_chart_class{
		text-align:center;
	}
	.maandel-section {
		padding: 0;
	}
	.card-left-voor {
		column-count:1;
	}

	.icon, .checkbox-detal{
		float: none;
		padding: 0px 15px;
		width: 100%;
	}
	/* .left-side, .right-side {
		width: 50%;
	} */
	.garden_center_section .row{
		width:auto;
	}
	.folder h3 {
		padding-top: 0px;
	}
	.month-boxes-row .days-7{
		display:none;
	}
	.box-list{
		border-left: none;
	}
	.box-list ul li{
		width:33%;
		border:1px solid #000;
		height:150px !important;
	}
	.onoffswitch-switch {
		display: block;
		width: 10px;
		margin: 9px;
		background: #FFFFFF;
		position: absolute;
		top: 0px;
		bottom: 3px;
		right: 0px;
		border-radius: 20px;
		transition: all 0.3s ease-in 0s;
		height: 10px;
	}
	.subscription-input{
		width:85%;
	}
}
@media screen and (max-width:767px) and (orientation:portrait) { 
	/* section.main-section-wrapper {
		margin-top:100px;
	} */
	.main_chart_class #chart-1-container{
		margin-bottom:20px;
	}
	.contact-info {
		display: block;
	}
	/* .left-side, .right-side {
		width: 100%;
	}	 */
	.voor-card-left{
		padding:0px;
		margin-bottom:10px;
	}
	.month-boxes-row .days-7{
		display:none;
	}
	.box-list{
		border-left: none;
	}
	.box-list ul li{
		width:100%;
		border:1px solid #000;
	}
	.onoffswitch {
		top: 10px;
		width: 60px;
    	right: 5px;
	}
	.onoffswitch-switch {
		height: 8px;
		display: block;
		width: 8px;
		margin: 6px;
		background: #FFFFFF;
		position: absolute;
		top: 6px;
		bottom: 3px;
		right: 0px;
		border-radius: 4px;
		transition: all 0.3s ease-in 0s;
	}
	.li-toggle-switch .onoffswitch-switch{
		height: 10px;
		display: block;
		width: 10px;
		margin: 6px;
		background: #FFFFFF;
		position: absolute;
		top: 3px;
		bottom: 3px;
		right: 0px;
		border-radius: 5px;
		transition: all 0.3s ease-in 0s;
	}
	.graph-info p.red,.graph-info p.blue{
		padding-top: 0px;
	}
	.subscription-input,.selection-box{
		width:100%;
	}
}
/* Nexus */
@media handheld, only screen and (min-width: 768px) {
	.modal-dialog {
	    width: 90% !important;
	    margin: 30px auto;
	}

}

@media handheld, only screen and (max-width: 639px) {}

@media handheld, only screen and (max-width: 550px) {}

@media handheld, only screen and (max-width: 479px) {}