.modal-content {
    border: 1px solid rgb(0 0 0 / 0%) !important;
    border-radius: 12px;
    box-shadow: none;
    position: relative;
    overflow: hidden;
    outline: none !important;
}

/* #### Mobile Phones Portrait #### */
@media screen and (max-device-width: 480px) and (orientation: portrait){
  /* some CSS here */
    .modal-dialog {
        width: 450px;
         position:absolute;
    }


}

/* #### Mobile Phones Landscape #### */
@media screen and (max-device-width: 640px) and (orientation: landscape){
  /* some CSS here */
   .modal-dialog {
        width: 630px;
        margin: 30px auto;
        padding: 10px;           
		position:absolute;
    }
}

/* #### Mobile Phones Portrait or Landscape #### */
@media screen and (max-device-width: 640px){
  /* some CSS here */
	.modal-dialog {
		width: 630px;
		margin: 30px auto;
		padding: 10px;           
		position:absolute;
	}
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
  .modal-dialog {
       width: 343px;
        margin: 30px auto;
        padding: 10px;
         
            position:absolute;
    }
}

/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
  /* some CSS here */
  .modal-dialog {
       width: 343px;
        margin: 30px auto;
        padding: 10px;
           
            position:absolute;
    }
}

/* #### iPhone 6 and 6 plus Portrait or Landscape #### */
@media (min-device-height: 667px) and (min-device-width: 375px) and (-webkit-min-device-pixel-ratio: 3){
  /* some CSS here */
  .modal-dialog {
       width: 343px;
        margin: 30px auto;
        padding: 10px;
        position:absolute;
    }
}

/* #### Tablets Portrait or Landscape #### */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
  /* some CSS here */
  .modal-dialog {
       width: 760px;
        /*margin: 30px auto;*/
        padding: 10px;
            left: 7%;
            padding-bottom: 30px;
            padding-top: 30px;
            right: auto;
            z-index: 1050;
            margin-top:20px;
            position:absolute;
    }
}


@media only screen and (min-width : 480px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
        padding: 10px;
            /*left: 35%;*/
            padding-bottom: 30px;
            padding-top: 30px;
            right: auto;
            z-index: 1050;
            margin-top:20px;
            position:absolute;
    }
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-dialog {
        padding: 10px;
        width: 580px;
        left: 35%;
        padding-bottom: 30px;
        padding-top: 30px;
        right: auto;
        z-index: 1050;
        margin-top: 20px;
        position: absolute;
    }

    .modal-content {
		background-clip: padding-box;
		background-color: #fff;
		border: 1px solid rgb(0 0 0 / 0%) !important;
		border-radius: 12px;
		box-shadow: none;
		position: relative;
		overflow: hidden;
		outline: none !important;
    }

    .modal-title {
        margin: 0;
        line-height: 1.42857143;
        text-align: center;
        color: white;
    }

    .modal-body {
        position: relative;
        padding: 25px 15px;
        text-align: center;
    }

    .modal-footer {
        text-align: left;
    }
    .close {
		float: right;
		font-size: 21px;
		line-height: 1;
		color: #FFFFFF;
		text-shadow: 0 1px 0 #ddd;
		filter: alpha(opacity=20);
		opacity: .2;
	}
}