@media (max-width: 767px) {
    body {
        color: #eee;
    }
    .whats-next li.facebook {
        margin-left: 0px;
        padding: 0 15px;
    }
    .whats-next li.linkedin {
        margin-left: 0px;
    }
    .whats-next li.twitter  {
        margin-left: 0;
    }
    #publishModal .share iframe {
        width: 100%;
    }
    #publishModal .promotion a {
        border: none;
    }
    .linkedin.row {
        margin: 0;
    }
    .row .credit {
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
    }
		.credit span br {
			display: inline;
		}
    .share li {
        max-height: 60px;
    }

    #minisite{margin-top:0;text-align:center;}

    #minisite.preview-mode {
        margin-top: 0 !important;
    }

    #minisite .thumb{float:none!important;}

    #minisite .details {
        margin-left: 0;
        width: 100% !important;
        display: table;
        float: none;
    }
    #minisite .contact-details a {
        max-width: 200px;
    }

    #minisite h1 {
        padding-top: 20px;
    }

    #minisite h2 {
        float: none;
    }

    #minisite .block {
    	text-align: left;
    }

    #minisite .form.expanded form {
        padding: 0 0 50px 0;
    }

    #minisite .box {
        margin-top: 0;
        margin-bottom: 0;
    }

    .social.block{padding-bottom: 40px;}

    .contact-form-btn{
        clear:both;
        width:100%;
        padding:0;
    }

    .open-contact-form{width:100%;}

	#minisite .user-image {
	float: none !important;
    padding: 0 10px !important;
    /* margin: auto; */
    display: flex;
    justify-content: center;
    align-items: center;
	}

	#minisite .details .name {
		margin: 20px 0 10px 0;
	}

    #minisite .description p {color: #EEE; text-align: justify;}
    #minisite .box:before{
        background:rgba(0,0,0,0.5);
        position: absolute;
        width:100%;
        height:100%;
        display: block;
    }
    .intro-app{padding:20px 0;}

    #minisite .box{overflow: visible;}
    #minisite .bottom-box{margin-bottom:0;}

    #minisite .content, #minisite .sidebar{padding-bottom:0;margin-bottom:0;}

    #minisite .block:last-child{padding-bottom: 0;}

    .container.content{padding-bottom:0 !important;}

	.intro-owner-edit{display:none;}

	#minisite .sidebar {
		padding: 30px 30px 60px 30px;
		text-align: left;
	}

	#minisite .sidebar .form .note-sent, #minisite .sidebar .form .note-failed {
		bottom: 50px;
		left: 5px;
	}

	#minisite.rtl .col-sm-8, #minisite.rtl .col-sm-4, #minisite.rtl .col-sm-10, #minisite.rtl .col-md-10, #minisite.rtl .col-md-8 { float: none; }

	#minisite.rtl .sidebar {
		text-align: right;
	}

	#minisite.rtl .sidebar .form .note-sent, #minisite.rtl .sidebar .form .note-failed {
		right: 5px;
	}

	#minisite .description,
	#minisite .description p,
	#minisite .description .read-btn {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	#minisite:not(.rtl) .description,
	#minisite:not(.rtl) .description p,
	#minisite.light:not(.rtl) .description,
	#minisite.light:not(.rtl) .description p {
		border-left: 0 !important;
		margin-left: 0 !important;
	}

	#minisite.rtl .description
	#minisite.rtl .description p,
	#minisite.light.rtl .description,
	#minisite.light.rtl .description p {
		border-right: 0 !important;
		margin-right: 0 !important;
	}
}

@media (max-width: 1024px) {
	/* start edit mode */
	#editor,#more-panels,#more-panels .upload{left:0;}
	#upgrade-promotion-bottom.credit{left:275px;}
	/* end edit mode */
}

@media (min-width: 1366px) {
	#editor, #more-panels, #more-panels .upload {
		width: 300px;
	}

	#more-panels #back .btn, #more-panels .upload .btn {
		font-size: 14px;
	}

	#more-panels .section-more {
		margin-left: 300px;
	}


	.backgrounds .thumbs li .thumb-container {
		height: 70px;
		width: 119px;
	}

	#editor .your-image button {
		font-size: 16px;
	}

	#upgrade-promotion-bottom.credit {
		left: 384px;
		width: calc(100% - 384px);
	}

	body:not(.did_first_flow) #upgrade-promotion-bottom.credit {
		left: 300px;
		width: calc(100% - 300px);
	}
}
@media (max-width: 1366px) {
	#editor {
		width: 300px;
	}
}