@media (max-width: 1600px) {	
    .left_link {
        font-size: 100px;
    }
    .right_cont {
        font-size: 25px;
    }filter: invert(1)
    .header
    .dflx {
        padding: 24px;
    }	
    .ltext {
        font-size: 145px;
    }
    .bg-3 .image {
        max-width: 720px;
        margin-top: -140px;
    }
    .foot_links {
        padding: 28px;
    }
    .webtxt {
        margin-top: 60px;
    }
    .nav_single + .nav_single {
        margin-top: 23px;
    }
    .nav_single .tx {
        font-size: 70px;
    }
    .section_title {
        font-size: 23px;
    }
    .fsub input,
    .sec_form .fcontrol {
        font-size: 17px;
    }
}
@media (max-width: 1400px) {
	.header {
    	font-size: 24px;
    	padding: 23px;
	}
	.ti + .ti {
    	margin-left: 18px;
	}
    .left_link {
        font-size: 90px;
    }
    .right_cont {
        font-size: 23px;
    }
    .dflx {
        padding: 23px;
    }	
    .ltext {
        font-size: 120px;
    }
    .bg-3 .image {
        max-width: 570px;
        margin-top: -130px;
    }
    .foot_links {
        padding: 26px;
    }
    .webtxt {
        margin-top: 50px;
    }
    .nav_single + .nav_single {
        margin-top: 20px;
    }
    .nav_single .tx {
        font-size: 60px;
    }
    .c {
        padding: 0 40px;
    }
    .section_title {
        font-size: 22px;
    }
    .sec_form .desc {
        font-size: 20px;
    }
    .sec_form {
        padding: 50px;
    }
    .fsub input,
    .sec_form .fcontrol{
        font-size: 16px;
    }
    .stream_block .tx {
        font-size: 18px;
    }
}
@media (max-width: 1024px) {
	.header {
    	font-size: 22px;
    	padding: 22px;
	}
	.ti + .ti {
    	margin-left: 16px;
	}
    .left_link {
        font-size: 80px;
    }
    .right_cont {
        font-size: 20px;
    }	
    .dflx {
        padding: 22px;
    }
    .ltext {
        font-size: 95px;
    }
    .bg-3 .image {
        max-width: 425px;
        margin-top: -120px;
    }
    .foot_links {
        padding: 24px;
    }
    .webtxt {
        margin-top: 40px;
    }
    .nav_single + .nav_single {
        margin-top: 17px;
    }
    .nav_single .tx {
        font-size: 50px;
    }
    .close_btn {
        font-size: 1.5rem;
        padding: 2rem;
    }
    .c {
        padding: 0 30px;
    }
    .section_title {
        font-size: 21px;
    }
    .c_edit {
        padding-top: 25px;
    }
    .c_edit p, .c_edit ul, .c_edit ol {
        margin-top: 15px;
    }
    .sec_form .desc {
        font-size: 18px;
    }
    .desc {
        padding-bottom: 25px;
    }
    .sec_form {
        padding: 40px;
    }
    .fsub input {
        font-size: 15px;
        padding: 12px 30px;
    }
    .sec_form .fcontrol {
        font-size: 15px;
    }
    .fcontrol {
        padding: 12px;
        font-size: 15px;
    }
    .links ul {
        font-size: 15px;
    }
    .cform {
        margin-top: 40px;
    }
    .stream_block .tx {
        font-size: 16px;
    }
    ._link {
        padding: 10px 13px;
    }
    .nav_single:hover:before,
    .nav_single .image {
        display: none;
    }
    .nav_single {
        padding-left: 30px;
        border-left: 2px solid #FFFFFF;
    }
    .nav_single:hover {
        padding-left: 30px;
    }
}
@media (max-width: 900px) {
    .header,
    .dflx {
        padding: 21px;
    }
    .bg-3 .image {
        margin-top: -110px;
    }
    .foot_links {
        padding: 22px;
    }
    .webtxt {
        margin-top: 30px;
    }
    .cform ._full .fcol {
        width: 100%;
    }
    .cform .frow {
        margin: 0;
    }
    .cform .fcol {
        padding: 0;
    }
    .cform ._full .fcol:last-child {
        margin-top: 30px;
    }
    .links ul {
        flex-direction: column;
        gap: 30px;
    }
}
@media (max-width: 768px) {
	.header {
    	font-size: 20px;
    	padding: 20px;
	}
	.ti + .ti {
    	margin-left: 14px;
	}
    .left_link {
        font-size: 70px;
    }
    .right_cont {
        font-size: 18px;
        right: 0;
        bottom: 80px;
        width: 50%;
    }
    .n_lbl {
        padding: 20px 0 0 0;
    }
    .dflx {
        padding: 20px;
        flex-direction: column;
    }
    .ctxt {
        padding-left: 0;
        text-align: center;
        padding-bottom: 15px;
    }
    .ltext {
        font-size: 70px;
        width: 100%;
    }
    .bg-3 .image {
        max-width: 275px;
        top: 350px !important;
    }
    .bg-2 ._col {
        width: 100%;
    }
    .wrap,
    .footer,
    .bg-2 ._col._1 {
        display: none;
    }
    .foot_links {
        padding: 20px;
    }
    .webtxt {
        margin-top: 20px;
    }
    .nav_single + .nav_single {
        margin-top: 15px;
    }
    .nav_single .tx {
        font-size: 40px;
        line-height: 1;
    }
    .nav_single {
        padding-left: 20px;
    }
    .nav_single:hover {
        padding-left: 20px;
    }
    .close_btn {
        font-size: 1rem;
        padding: 1.5rem;
    }
    .c {
        padding: 0 20px;
    }
    .section_title {
        font-size: 20px;
    }
    .c_edit {
        padding-top: 20px;
        font-size: 14px;
    }
    .c_edit p, .c_edit ul, .c_edit ol {
        margin-top: 10px;
    }
    html, body, .wrapper, .content-block{
        height: 100%;
    }
    .swiper.wrap {
        display: block;
        height: 100%;
    }
    .swiper.wrap .swiper-pagination {
        padding: 0 25px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        gap: 5px;
    }
    .swiper.wrap .swiper-pagination-bullet {
        margin: 0;
        height: 25px;
        background-color: transparent;
        width: 100%;
        border-radius: 0;
        position: relative;
    }
    .swiper.wrap .swiper-pagination-bullet::before{
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 100%;
        height: 3px;
        background-color: #f1ebe7;
    }
    .banner.vwrap {
        overflow: hidden;
    }
    .progress-bar {
        transform: translate3d(0px, 0px, 0px) scale(0, 1);
        transform-origin: left center;
    }
    .progress-bar.right {
        transform-origin: top center;
    }
    .progress-bar.left {
        transform-origin: bottom center;
    }
    .left_cont {
        top: auto;
        bottom: 80px;
        transform: none;
    }
    .section-2 .logo_txt img {
      /*  filter: invert(1);*/
    }
    .image_slider {
        width: 100%;
        height: 342px;
        max-width: 275px;
    }
    .sec_form .desc {
        font-size: 16px;
    }
    .desc {
        padding-bottom: 20px;
    }
    .sec_form {
        padding: 30px;
    }
    .fsub input {
        font-size: 14px;
        padding: 10px 30px;
    }
    .sec_form .fcontrol {
        font-size: 14px;
    }
    .fcontrol {
        padding: 10px;
        font-size: 14px;
    }
    .cform,
    .links {
        margin-top: 30px;
    }
    .links ul {
        font-size: 14px;
    }
    .stream_block .tx {
        font-size: 14px;
        padding: 20px 0 5px 0;
    }
    .play_list {
        padding: 10px 0 0 0;
        margin-top: 10px;
    }
    ._link {
        padding: 7px 10px;
    }
}
@media (max-width: 500px) {
	.left_link {
        font-size: 60px;
    }
    .right_cont {
        font-size: 16px;
        padding-left: 10px;
    }
}
@media (max-width: 350px) {
	.left_link {
        font-size: 50px;
    }
    .right_cont {
        font-size: 14px;
    }
    .desc {
        padding-bottom: 15px;
    }
    .sec_form {
        padding: 20px;
    }
    .cform,
    .links,
    .cform ._full .fcol:last-child,
    .cform .frow + .frow {
        margin-top: 20px;
    }
    .links ul {
        gap: 20px;
    }
}


/* Remove all touch feedback backgrounds from image slider controls */
.image_slider .control:hover,
.image_slider .control:focus,
.image_slider .control:active,
.image_slider .control:visited,
.image_slider .control:focus-visible {
    background: none !important;
    background-color: transparent !important;
    outline: none !important;
}

/* Remove webkit touch highlighting on mobile */
.image_slider .control {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

/* Preserve desktop hover effect (underline) */
@media (min-width: 769px) {
    .image_slider .control:hover {
        text-decoration: underline !important;
        background: none !important;
    }
}

.mobile-social-links {
    display: none;
}

@media (max-width: 767px) {
    .mobile-social-links {
        display: flex !important;
        justify-content: center; /* center horizontally */
        align-items: center;      /* center vertically if needed */
        gap: 14px;                /* maintain spacing */
        margin-top: 12px;
    }
}