.modal.show .modal-dialog {
    max-width: 50% !important;
    position: fixed;
    left: 0;
    right: 0;
    margin-top: 4%;
}
.outer-layer {
    position: relative;
    z-index: 10
}
.inner-layer-one {
    position: absolute;
    z-index: 9;
}
.inner-layer-two {
    z-index: 8;
    width: 92%;
    margin: 0 auto;
    height: 405px;
    overflow-x: overlay;
    padding-top: 4%;
}
.uploaded-pictures {
    position: absolute;
    right: 0;
    z-index: -1;
}
.modal-content {
	height: 675px !important;
}

@media only screen and (max-width: 1024px) {
    .modal.show .modal-dialog {
	    max-width: 75% !important;
	    margin-top: 30%;
	}
}
@media only screen and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:landscape){
    .modal.show .modal-dialog {
	    max-width: 56% !important;
	    margin-top: 13%;
	}
}
@media only screen and (max-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:landscape){
    .modal.show .modal-dialog {
	    max-width: 75% !important;
	    margin-top: 6%;
	}
	.flex_cell.no_margin.av_one_full.avia-builder-el-16.avia-builder-el-no-sibling {
	    padding: 2% !important;
	}
}
@media only screen and (max-width: 768px) {
	.modal.show .modal-dialog {
	    max-width: 100% !important;
	    margin-top: 20%;
	}
	.flex_cell.no_margin.av_one_full.avia-builder-el-16.avia-builder-el-no-sibling {
	    padding: 2% !important;
	}
}
@media only screen and (max-width: 736px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:landscape){
	.modal.show .modal-dialog {
	    max-width: 100% !important;
	    margin-top: 2%;
	}
	.inner-layer-two {
	    height: 300px;
	}
	.modal-content {
	    width: 65%;
	    height: 90px !important;
	    margin: 0 auto;
	}
}
@media only screen and (max-width: 667px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:landscape){
	.inner-layer-two {
	    height: 285px;
	}
	.modal-content{
		width: 70%;
	}
}
@media only screen and (max-width: 590px) and (-webkit-min-device-pixel-ratio: 1) and (orientation:landscape){
	.inner-layer-two {
	    height: 270px;
	}
}
@media only screen and (max-width: 414px) {
	.modal.show .modal-dialog {
	    max-width: 100% !important;
	    margin-top: 40%;
	}
	.inner-layer-two {
	    height: 210px;
	}
	.flex_cell.no_margin.av_one_full.avia-builder-el-16.avia-builder-el-no-sibling {
	    padding: 7% !important;
	}
	.avia-image-overlay-wrap img {
	    width: 90%;
	    margin: 0 auto;
	}
	.modal-content {
		height: 385px !important;
		width: 100% !important;
	}
}
@media only screen and (max-width: 375px) {
	.inner-layer-two {
	    height: 180px;
	}
	.modal-content {
	    height: 350px !important;
	}
}
@media only screen and (max-width: 320px) {
	.inner-layer-two {
	    height: 170px;
	}
}