.commonModal{
	.modal-content{
		border-radius: 0px;background-clip: initial;padding: 30px;border-radius: 3px;
		.modal-header {
            border: 0px; margin-bottom: 30px;padding:0;
            .modal-title {font-size: 25px;}
        }
        .modal-body{padding: 0;}
        .close{
            font-size: 38px;position: static;color: color(200);opacity: 1;@include transition(.3s);
            padding:0;margin: 0;
            &:hover{color: color(500);}
            &:not(:disabled):not(.disabled):focus, &:not(:disabled):not(.disabled):hover{opacity: 1;}
        }
	}
    @media(max-width: 1700px){
        .modal-content{
            .modal-header{
                margin-bottom: 20px;
                .modal-title {font-size: 23px;}
            }
            .close{ font-size: 34px; }
        }
    }
    @media(max-width: 1599px){
        .modal-content{ padding: 25px; }
    }
    @media(max-width: 1399px){
        .modal-content{ 
            .modal-header{
                margin-bottom: 15px;
                .modal-title {font-size: 21px;}
            }
            .close{ font-size: 32px; }
        }
    }

    @include media-breakpoint-down(md) {
        .modal-content{ 
            padding: 20px; 
            .modal-header{
                .modal-title {font-size: 18px;}
            }
            .close{ font-size: 29px; }
        }
    }

    @include media-breakpoint-down(xs) {
        .modal-content{ 
            padding: 15px; 
            .modal-header{
                .modal-title {font-size: 16px;}
            }
            .close{ font-size: 26px; }
        }
    }

}