/*Extra large devices (large desktops, 1200px and up)*/
@media (min-height: 880px) and (max-height: 980px){
	.pre_home_logo {
	    text-align: right;
	}
	.pre_home_logo img {
	    max-width: 378px;
	}
	.home_logo_box img {
	    max-width: 549px;
	}
	.home_form {
	    padding: 50px 50px 60px;
	    width: 548px;
	    height: 450px;
	}
}
@media (min-height: 780px) and (max-height: 879.98px){
	.pre_home_logo {
	    text-align: right;
	}
	.pre_home_logo img {
	    max-width: 378px;
	}
	.pre_home_content {
	    padding-top: 0;
	}
	.pre_home_content p {
	    max-width: 626px;
	    font-size: 23px;
	}
	.pre_home_btn {
	    padding: 28px 105px;
	    border-radius: 22px;
	    font-size: 22px;
	    margin-top: 58px;
	}
	/* home area */
	.home_logo_box img {
	    max-width: 430px;
	}
	.home_content p {
	    padding-bottom: 30px;
	}
	.home_form {
	    padding: 40px 40px 50px;
	    height: 415px;
	}
	.home_form input {
	    height: 95px;
	}
	.home_form .nice-select {
	    height: 95px;
	}	
}
@media (min-height: 700px) and (max-height: 779.98px){
	.new_logo_prehome {
	    padding-bottom: 80px;
	}
	.pre_home_logo {
	    text-align: right;
	}
	.pre_home_logo img {
	    max-width: 300px;
	}
	.pre_home_content {
	    padding-top: 0;
	    padding-right: 184px;
	}
	.pre_home_content p {
	    font-size: 20px;
	}
	.pre_home_btn {
	    padding: 24px 80px;
	    border-radius: 22px;
	    font-size: 22px;
	    margin-top: 50px;
	}
    /* home area */
    .home_logo_box img {
	    max-width: 430px;
	}
	.home_content p {
	    padding-bottom: 30px;
	}
	.home_form {
	    padding: 40px 40px 50px;
	    height: 370px;
	}
	.home_form input {
	    height: 80px;
	    font-size: 20px;
	}
	.home_form .nice-select {
	    height: 80px;
	    padding: 20px 40px;
	    font-size: 20px;
	    margin-top: 25px;
	    line-height: 45px;
	}
	.nice-select::after {
	    height: 22px;
	    width: 24px;
	    right: 40px;
	}
	.home_form a, .home_form button {
	    margin-top: 25px;
	    font-size: 20px;
	    padding: 12px 64px;
	}
}
@media (min-height: 500px) and (max-height: 699.98px){
	.new_logo_prehome {
	    padding-top: 20px;
	    padding-bottom: 60px;
	}
	.new_logo_prehome img{
		max-width: 180px;
	}
	.pre_home_logo {
	    padding-top: 0 !important;
	}
	.pre_home_logo {
	    text-align: right;
	}
	.pre_home_logo img {
	    max-width: 250px;
	}
	.pre_home_content {
	    padding-top: 0px;
	    padding-right: 290px;
	}
	.pre_home_content p {
		font-size: 14px;
	}
	.pre_home_btn_wrapper{
		margin-bottom: 100px;
	}
	.pre_home_btn {
	    padding: 23px 54px !important;
	    border-radius: 22px !important;
	    font-size: 19px !important;
	    margin-top: 50px;
	}
	.home_main_content_wrapper{
		padding-bottom: 80px;
	}
	.home_logo_box img {
	    max-width: 379px;
	}
	.home_content p {
	    padding-bottom: 25px;
	}
	.home_form {
	    padding: 40px 40px 50px;
	    height: 340px;
	    width: 515px;
	}
	.home_form input {
	    height: 80px;
	    font-size: 20px;
	}
	.home_form .nice-select {
	    height: 80px;
	    padding: 20px 40px;
	    font-size: 20px;
	    margin-top: 25px;
	    line-height: 45px;
	}
	.nice-select::after {
	    height: 22px;
	    width: 24px;
	    right: 40px;
	}
	.home_form a, .home_form button {
	    margin-top: 25px;
	    font-size: 20px;
	    padding: 12px 64px;
	}
	.legel_content {
	    bottom: 20px;
	}
}
@media (min-width: 1600px) and (max-width: 1920px) {
	.pre_home_btn {
	    padding: 30px 84px;
	    font-size: 24px;
	}
	.film_shape2 {
	    left: 26%;
	}
	.film_shape3 {
	    right: 68px;
	    top: 155px;
	    max-width: 303px;
	} 	
}
@media(min-width: 1920px){
	.container3{
		max-width: 1740px !important;
	}
}
@media (min-width: 1400px) and (max-width: 1599.98px){
	.pre_home_content{
		padding-right: 115px;
	}
	.pre_home_content p{
		font-size: 19px;
	}
	.pre_home_btn {
	    padding: 28px 68px;
	    font-size: 22px;
	}
	.film_shape2 {
	    left: 24%;
	}
	.film_shape3 {
	    right: 45px;
	    top: 190px;
	    max-width: 250px;
	}
	.film_shape2 {
	    left: 19%;
	}
}
@media(min-width: 1600px){
	.container2{
		max-width: 1410px !important;
	}
}
@media (min-width: 1200px) and (max-width: 1399.98px){
	.pre_home_content{
		padding-right: 115px;
	}
	.pre_home_content p {
	    font-size: 19px;
	}
	.pre_home_btn {
	    padding: 26px 72px;
	    font-size: 23px;
	}
	.home_form {
	    width: 442px;
	}
	.home_content p {
	    font-size: 21px;
	}
	.menu {
	    padding: 23px 64px;
	    width: 489px;
	    margin-left: 95px;
	}
	.film_shape3 {
	    right: 31px;
	    top: 193px;
	    max-width: 250px;
	}
	.film_shape2 {
	    top: -96px;
	    left: 17%;
	} 
}
@media (min-width: 992px) and (max-width: 1199.98px){
	.pre_home_logo img {
	    max-width: 340px;
	}
	.pre_home_content {
	    padding-right: 14px;
	}
	.pre_home_content p{
		font-size: 18px;
		padding-right: 0 !important;
	}
	.pre_home_content p br{
		display: none;
	}
	.pre_home_btn {
	    padding: 25px 63px;
	    font-size: 21px;
	    border-radius: 25px;
	}
	.legel_content {
	    left: 40px;
	}
	.home_form {
	    padding: 40px 40px 50px;
	    height: 403px;
	    width: 448px;
	}
	.home_content p {
	    font-size: 21px;
	    max-width: 400px;
	}
	.menu {
	    padding: 23px 64px;
	    width: 483px;
	    margin-left: 95px;
	}
	.film_shape3 {
	    display: none;
	}
	.middle_text p {
	    font-size: 20px;
	} 
	.film_shape2 {
	    left: 10%;
	}
	.marry_content p{
		font-size: 23px;
	}
	.marry_content2 p {
	    font-size: 23px;
	}
}
@media(min-width: 1200px){
	.container4{
		max-width: 1020px !important;
	}
}

@media (max-width: 991.98px) {
	#menu{
		display: none;
	}
	.hamburger-menu {
		display: block;
	}
	.ofcavas-menu {
		display: block;
	}
	.new_logo_prehome img{
		max-width: 200px !important;
	}
	.pre_home_logo {
	    text-align: center;
	}
	.pre_home_logo img {
	    max-width: 260px;
	}
	.pre_home_btn {
	    padding: 24px 60px;
	    font-size: 20px;
	    border-radius: 28px;
	}
	.pre_home_content {
	    padding-top: 38px;
	    padding-right: 0 !important;
	}
	.pre_home_content p br{
		display: none;
	}
	.pre_home_content p {
	    font-size: 17px;
	    margin-left: auto;
	    margin-right: auto;
	    max-width: 435px;
	    padding-right: 0 !important;
	}
	.pre_home_btn {
	    margin-top: 45px;
	}
	.legel_content {
	    left: 20px;
	}
	.home_main_content_wrapper {
	    padding-top: 0px;
	}
	.home_logo_box {
	    text-align: center;
	    padding-right: 0;
	    padding-top: 0px;
	}
	.home_logo_box img {
	    max-width: 275px;
	}
	.home_new_logo {
	    padding-bottom: 10px;
	}
	.home_new_logo img{
		max-width: 180px;
	}
	.home_content p {
	    font-size: 17px;
	    max-width: 400px;
	}
	.home_col1,
	.home_col2{
		padding-top: 25px;
	}
	.home_form {
	    padding: 20px 20px 50px;
	    height: 255px;
	    width: 394px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.home_form input {
	    height: 60px;
	    font-size: 16px;
	}
	.home_form .nice-select {
	    height: 60px;
	    font-size: 16px;
	    line-height: 24px;
	}
	.home_form a, .home_form button {
	    margin-top: 22px;
	    font-size: 16px;
	    padding: 8px 30px;
	}
	.nice-select::after {
	    height: 15px;
	    width: 19px;
	    right: 26px;
	}
	.home_wrapper .legel_content p {
	    font-size: 12px;
	}
	.home_wrapper .legel_list li a {
	    font-size: 12px;
	}
	.nice-select .list {
	    height: 105px;
	}
	.nice-select .list li {
	    padding-bottom: 0px;
	}
	.film_shape3{
		display: none;
	}
	.film_logo_box {
	    text-align: center;
	}
	.menu {
	    padding: 23px 64px;
	    width: 480px;
	    margin-left: 95px;
	}	
	.menu {
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 30px;
	}
	.marry_img{
		text-align: center;
		margin-top: 120px;
	}
	.marry_content {
	    padding-left: 0;
	    text-align: center;
	    padding-top: 40px;
	}
	.marry_content p {
	    margin-left: auto;
	    margin-right: auto;
	}
	.film_shape2 {
	    left: 0%;
	}
	.marry_img {
	    margin-top: 0px;
	}
	.marry_content2 {
	    padding-right: 0;
	    padding-left: 0 !important;
	}
	.banner_content_wrapper {
	    width: 684px;
	}
	.banner_wrapper{
		position: relative;
	}
	.banner_wrapper .legel_content{
		position: absolute;
		bottom: 0;
		left: 50% !important;
		transform: translateX(-50%) !important;
	}
	.marry_wrapper {
	    padding-top: 120px;
	}
	.film_btn {
	    margin-bottom: 140px;
	}
	.last_text p {
	    padding-top: 35px;
	}
	.film_new_logo {
	    display: flex;
	    justify-content: center;
	    padding-bottom: 15px;
	}
	.film_new_logo img{
		padding-left: 0;
	}

}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	.pre_home_wrapper{
		background-image: url('../img/pre-home-mb.jpg') !important;
	}
	.new_logo_prehome img {
	    max-width: 140px !important;
	}
	.new_logo_prehome {
	    padding-top: 20px;
	    padding-bottom: 30px !important;
	}
	.pre_home_logo {
	    padding-top: 40px;
	}
	.pre_home_logo img {
	    max-width: 195px;
	}
	.pre_home_content {
	    padding-top: 18px;
	}
	.pre_home_content p br{
		display: none;
	}
	.pre_home_content p {
	    max-width: 473px;
	    font-size: 15px;
	}
	.pre_home_btn {
	    border-radius: 24px;
	    padding: 18px 41px;
    	font-size: 16px;
	}
	.pre_home_btn {
	    margin-top: 25px;
	}
	.legel_content {
	    left: 50%;
	    transform: translateX(-50%);
	}
	.home_wrapper{
		background-image: url('../img/home-mb-bg.jpg') !important;
	}
	.home_form {
	    padding: 40px 27px 50px;
	    height: 290px;
	    width: 394px;
	    margin-bottom: 245px;
	}
	.film_wrapper{
		background-image: url('../img/film-bg-mb.png') !important;
	}
	.film_shape_mb{
		position: fixed;
		z-index: -4;
		width: 100%;
		top: 0;
		left: 0;
	}
	.menu {
	    flex-direction: column;
	    max-width: 398px;
	    margin-top: 45px;
	}
	.menu li + li {
	    padding-left: 0px;
	    margin-left: 0px;
	}
	.menu li + li::before {
	    left: 50%;
	    transform: translateX(-50%);
	    width: 70px;
	    height: 2px;
	    top: 0;
	}
	.menu li:first-child{
		padding-bottom: 15px;
	}
	.menu li:last-child{
		padding-top: 15px;
	}
	.marry_wrapper {
	    padding-top: 62px;
	}
	.film_mb_shape4{
		backdrop-filter: blur(30px);
        opacity: 0.2;
        position: absolute;
        top: 40px;
        left: 24%;
        z-index: -4;
        height: 80%;
	}
	.marry_content {
	    padding-top: 22px;
	}
	.marry_content h4 {
	    padding-top: 10px;
	}
	.marry_content p {
	    max-width: 100%;
	    padding-top: 15px;
	    font-size: 16px;
	}
	.marry_content p {
	    max-width: 407px;
	    padding-top: 15px;
	    font-size: 16px;
	}
	.middle_text p {
	    font-size: 20px;
	    max-width: 300px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.middle_text p br{
		display: none;
	}
	.middle_text_wrapper {
	    padding-top: 160px;
	    padding-bottom: 150px;
	}
	.banner_content_wrapper {
	    width: 490px;
	    margin-left: auto;
	    margin-right: auto;
	    text-align: center;
	    height: 533px;
	}
	.banner_content_wrapper h2::before {
	    left: 50%;
	    transform: translateX(-50%);
	}
	.film_btn {
	    margin-bottom: 135px;
	}
	.banner_wrapper .legel_content {
	    bottom: 0;
	}
	.back-to-top {
	    font-size: 24px;
	    width: 45px;
	    height: 45px;
	    line-height: 42px;
	}
	.back-to-top img{
		max-width: 16px;
	}
	.nice-select .list {
	    height: 220px;
	}
	.disnep_modal_wrapper{
		max-width: 470px;
	}
	.modal_header h4::before {
	    width: 344px;
	}
	.last_text p {
	    font-size: 12px;
	}
	
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	.pre_home_logo img {
	    max-width: 200px;
	}
	.pre_home_content {
	    padding-top: 30px;
	}
	.pre_home_content p {
	    max-width: 318px;
	    font-size: 16px;
	}
	.pre_home_content p span{
		display: none;
	}
	.pre_home_btn {
	    margin-top: 50px;
	}
	.pre_home_btn {
	    padding: 17px 40px;
	    font-size: 15px;
	    border-radius: 14px;
	}
	.legel_content p {
	    font-size: 12px;
	    text-align: center;
	}
	.legel_list li a {
	    font-size: 12px;
	}
	.legel_list li + li::before {
	    height: 84%;
	    top: 5px;
	}
	.legel_content {
	    bottom: 17px;
	}
	.home_wrapper{
		height: auto;
	}
	.home_col1, .home_col2 {
	    padding-top: 40px;
	}
	.home_col1, .home_col2 {
	    padding-top: 55px;
	}
	.home_content p {
	    font-size: 20px;
	    padding-bottom: 40px;
	}
	.home_form {
	    padding: 40px 27px 50px;
	    height: 260px;
	    width: 300px;
	    margin-bottom: 245px;
	}
	.home_form input {
	    padding: 15px 20px;
	}
	.home_form .nice-select {
	    padding: 15px 20px;
	    font-size: 16px;
	    margin-top: 11px;
	}
	.nice-select::after {
	    height: 14px;
	    width: 18px;
	    right: 14px;
	}
	.home_form button {
	    margin-top: 20px;
	    font-size: 16px;
	    padding: 10px 60px;
	}
	.pre_home_wrapper .legel_content {
	    bottom: 25px !important;
	}
	.header {
	    padding-top: 30px;
	}
	.film_logo_box img {
	    max-width: 200px;
	}
	.menu {
	    max-width: 208px;
	    padding: 15px 29px;
	}
	.menu li a {
	    font-size: 20px;
	}
	.menu li:first-child {
	    padding-bottom: 10px;
	}
	.menu li:last-child {
	    padding-top: 10px;
	}
	.marry_img img {
	    height: 300px;
	    border-radius: 15px;
	}
	.marry_content h2 {
	    font-size: 25px;
	}
	.marry_content h4 {
	    font-size: 20px;
	}
	.marry_content p {
	    font-family: 'Pier Sans';
	    font-weight: 300;
	    max-width: 262px;
	}
	.marry_content a {
	    font-size: 20px;
	    margin-top: 30px;
	    padding: 10px 17px;
	    border-radius: 10px;
	}
	.middle_text p {
	    max-width: 260px;
	}
	.film_mb_shape4 {
	    top: 40px;
	    left: 12%;
	    height: 80%;
	}
	.banner_wrapper {
	    padding-top: 80px;
	}
	.banner_content_wrapper {
	    width: 265px;
	    margin-left: auto;
	    margin-right: auto;
	    text-align: center;
	    height: 389px;
	    padding: 38px 17px;
	}
	.banner_content_wrapper h2 {
	    font-size: 30px;
	    padding-bottom: 23px;
	}
	.banner_content_wrapper h2::before {
	    width: 88px;
	}
	.banner_content_wrapper p {
	    font-size: 16px;
	    max-width: 211px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.film_btn {
	    padding-top: 88px;
	}
	.film_btn a {
	    padding: 27px 50px;
	    font-size: 20px;
	}
	.disnep_modal_wrapper{
		max-width: 270px;
	}
	.modal_header h4{
		font-size: 20px;
	}
	.modal_close_btn img{
		height: 26px;
		width: 26px;
	}
	.modal_header h4::before {
	    width: 214px;
	}
	.modal_content p{
		font-size: 12px;
	}
	.modal_content .p1 {
	    padding-top: 33px;
	}
	.modal_btn {
	    padding: 10px 30px;
	    font-size: 12px;
	    margin-top: 30px;
	    margin-bottom: 20px;
	}
	.modal_content2 .p{
		padding-top: 33px;
	}
	.film_new_logo img{
		max-width: 150px;
	}

}

