@media only screen and (max-width: 768px) {

    .header-bg img {

        width: 100%;

        /*height: fit-content !important;*/

    }

	 

	.header .logo-box img {

    width: 40%;

    height: auto;

}



.header .logo-box {

 width:100%;

    transform: translate(-50%, -46%);

	

}



 

/**/

}



@media only screen and (max-width: 576px) {



 .header .logo-box {

 width:100%;

    transform: translate(-50%, -40%);

	

}

    .header .logo-box img {

        width: 25%;

        height: auto;

    }



}





@media only screen and (max-width: 430px) {

	 .logo-box p{margin:0px;}

 .logo-box .commingsoontxt{ font-weight: bold;

    font-size: 20px; margin:0px;}

 .header .logo-box {

 width:100%;

    transform: translate(-50%, -75%);

	

}

    .header .logo-box img {

        width: 25%;

        height: auto;

    }



}