/*==========  Non-Mobile First Method  ==========*/
@media only screen and (max-width : 1300px) {
    .c-main .row {
        max-width: 550px !important;
    }
    .c-slide-left {
        width: 200px !important;
    }
    .c-banner-right{
        width: 200px !important;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    .c-slide-left {
        display: none;
    }

    .c-text-scroll {
        padding: 1rem !important;
    }


    .c-footer .row {
        gap: 0.7rem;
    }
/*  
    .c-footer .row .col:nth-child(1) {
        flex-basis: 100%;
        max-width: 100%;
        order: 1;
    }

   .c-footer .row .col:nth-child(2),
    .c-footer .row .col:nth-child(3) {
        flex-basis: 48%;
        max-width: 48%;
    }

    .c-footer .row .col:nth-child(3) {
        order: 2;
    }

    .c-footer .row .col:nth-child(2) {
        order: 3;
    }

    .c-footer .row .col:nth-child(1) {
        order: 1;
    } */

    .c-contact-mbf {
        display: flex;
        position: fixed;
        top: 2rem;
        right: 0.7rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem !important;
    }


    .c-social-mbf {
        position: fixed;
        flex-direction: column;
        top: 2rem;
        left: 0.7rem;
        align-items: flex-start;
        gap: 0.5rem !important;
        right: unset;
        bottom: unset;
    }

    .c-banner-right {
        display: none;
    }


    .c-title-img {
        display: block;
        position: unset;
        top: 0;
        transform: translateY(-20%);
    }


    .c-img-sunwin-destop {
        display: none;
    }

    .c-img-sunwin-mbf {
        display: block;
    }

}

@media only screen and (max-width : 992px) and (orientation: landscape) {
	.c-header .gap-element{
		display:none!important;
	}
	.c-logo {
		width: 80px !important;
	}
	.c-header .img:nth-child(4){
		width: 40% !important;
	}	
	.c-dangky-form {
		--stack-gap: 5px !important;
		transform: scale(0.8);
		transform-origin: top;
	}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .c-footer{
        padding-bottom: 50px !important;
    }
    .ftcontact{
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .bdfttxt {
        border-left: unset;
    }
}

@media (max-width: 550px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    .c-chat{
        width: 120px !important;
    }

    .c-footer .row .col:nth-child(2),
    .c-footer .row .col:nth-child(3) {
        flex-basis: 100%;
        max-width: 100%;
    }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {}