@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 767px) {
	
	header {
    min-height: 100%;
}
	.category ul li{margin-bottom:15px;}
	.category ul li:last-child{margin-bottom:15px;}
	.category_box img{width:100%;}
	
	.nav-link {
    padding: .5rem 1rem !important;
}
	.menu {padding: 6px 0px!important}
	.logo img {
    width: 170px;
    margin-bottom: 5%;
}
	
	.callus {
    position: absolute;
    top: 4px;
    left: 19%;
}
	.callus img {
    width: 60px;
    height: auto;
}
	.covid {
    position: absolute;
    top: 41px;
    left: 32%;
}
	.covid  img {
    width: 60px;
    height: auto;
}
}

@media (min-width:600px) and (max-width: 767px) {
	
.menu {padding: 6px 0px!important}	
.nav-link {
    padding: .5rem 1rem !important;
}	
.logo {
    padding-top: 0%;
    padding-bottom: 1%;
}
.logo img {
    width: 194px;
}	
	.callus {
    top: 4px;
    left: 13%;
}
.covid {
    position: absolute;
    top: 40px;
    left: 20%;
}
	.covid img {
    width: 54px;
    height: auto;
}
	.callus img {
    width: 60px;
    height: auto;
}
}



@media (min-width:768px) and (max-width: 980px) {
	header {min-height: 100%;
}
	
	.callus {
    top: 45px;
    left: 54%;
}
.covid {
    position: absolute;
    top: 105px;
    left: 74%;
}
	.covid img {
    width: 90px !important;
    height: auto;
}
	.callus img {
    width: 97px !important;
    height: auto;
}
	.logo {width: 343px; padding-top: 5%;
left: 4%;
padding-bottom: 5%;}
	.logo img{width:100%;}

	
	.category ul li{margin-bottom:15px;}
	.category ul li:last-child{margin-bottom:15px;}
	.category_box img{width:100%;}
	
	.menu {padding: 6px 0px!important}
	.nav-link {
    padding: .5rem 1rem !important;
}
}

@media (min-width:981px) and (max-width: 1024px) {
	header {min-height: 100%;
}
	
	.callus {
    top: 45px;
    left: 54%;
}
.covid {
    position: absolute;
    top: 105px;
    left: 74%;
}
	.covid img {
    width: 90px !important;
    height: auto;
}
	.callus img {
    width: 97px !important;
    height: auto;
}
	.logo {width: 343px; padding-top: 5%;
left: 4%;
padding-bottom: 5%;}
	.logo img{width:100%;}
	.menu .nav-item {
    margin-right: 36px;
    padding: 5px 0px;
}
.category_box {
    min-height: 515px;
}	
	
	.category_box h3 {
    font-size: 18px;
    font-weight: 600;
}
.category_box p {
    min-height: 268px;
}
	
	.category ul li a {
    padding: 10px 8px;
}
	
	.category ul li {
    margin: 0px 0px 83px 0px;
}
}

@media (min-width:1025px) and (max-width: 1400px) {
	
	
.callus img {
    width: 190px;
    height: auto;
}
.callus {
    position: absolute;
    top: 29px;
    left: 54%;
}
	.covid {
    position: absolute;
    top: 155px;
    left: 70%;
}
	.covid img {
    width: 179px;
    height: auto;
}
	
	header{height: 500px; min-height: inherit; background-repeat: no-repeat; background-position: center top; background-size:cover; position: relative}	
	

.logo {
    width: 636px;
	padding-top: 3%;
left: 0%;

}
}

@media (min-width:1401px) and (max-width: 2400px) {
	
header{height: 580px;  min-height: inherit; background-repeat: no-repeat; background-position: center top; background-size:cover; position: relative}	
.logo {
    width: 742px;
padding-top: 3%;
left: 0%;
}	
.callus img{width:220px; height: auto}	
.callus {
    position: absolute;
    top: 14px;
    left: 53%;
}
	.covid {
    position: absolute;
    top: 160px;
    left: 70%;
}
	.covid img{width:220px; height: auto}
}


@media only screen and (max-width: 500px) { 
    .callus {
        position: absolute;
        top: 4px;
        left: 80px;
        width: 60px;
    }

    .covid {
        position: absolute;
        top: 41px;
        left: 109px;
        width: 60px;
    }
}