#head {
    padding: 100px 0px;
}
#head img{
	width: 100%;
}

.head-text {
    text-align: left;
}

img.head-img img {
}

img.head-img {
    width: 500px;
}
button .my-btn{
	background: #0d6efd;
	color: white;
	font-size: 20px;
	font-weight: bold;
	padding: 10px 20px;
}
.my-btn:hover{
	background: #0d6efd;
	color: white;
	
}
/* Tablets and small laptops (768px to 992px) */
@media (max-width: 992px) {
    #head {
        padding: 80px 20px; /* Adjust padding for smaller viewports */
    }

    .head-text {
        text-align: center; /* Center text for better readability */
    }

    img.head-img {
        width: 350px; /* Resize image */
        margin: 0 auto; /* Center image */
    }

    .head-text h1 {
        font-size: 1.8rem; /* Adjust heading size */
    }

    .head-text p {
        font-size: 1rem; /* Adjust paragraph size */
    }

    .my-btn {
        font-size: 18px; /* Adjust button font size */
        padding: 8px 16px; /* Adjust button padding */
    }
}

/* Mobile devices (max-width: 768px) */
@media (max-width: 768px) {
    #head {
        padding: 60px 10px; /* Further reduce padding */
    }

    .head-text {
        margin-top: 20px;
    }

    img.head-img {
        width: 100%; /* Make image full width */
    }

    .head-text h1 {
        font-size: 1.5rem; /* Smaller font for mobile */
    }

    .head-text p {
        font-size: 0.9rem; /* Adjust paragraph font size */
    }

    .my-btn {
        font-size: 16px;
        padding: 8px 14px;
    }
}

/* Extra small devices (max-width: 576px) */
@media (max-width: 576px) {
    #head {
        padding: 40px 5px;
    }

    .head-text h1 {
        font-size: 1.3rem; /* Further reduce heading size */
    }

    .head-text p {
        font-size: 0.85rem;
    }

    .my-btn {
        font-size: 14px;
        padding: 6px 12px;
    }
}

section#shiping {
    padding: 50px;
    background: #001524;
    color: white;
}

.box-icon {
    display: inline-block;
}

.box-title {
    display: inline-grid;
    margin-left: 20px;
}

.box-title h3 {
    font-size: 23px;
}

.box-icon i {
    color:  #0d6efd;;
    font-size: 30px;
}
.shipping-box {
    background: #1C2F3C;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 5px;
}

.title {
    text-align: center;
    margin-bottom: 60px;
}