@media screen and (min-width: 320px) and (max-width: 767px) {
    .lt-img {
        width: 48px;
    }
    .custom-nav .navbar-nav {
        background: #555;
        padding: 15px;
        border-radius: 6px;
    }
    .logo{padding: 0px;
    margin-right: 36px; margin-left:0px;}
    .logo img{ width:120px;}
    .flip-card{ margin-bottom:20px;}
    .imagerotate{ left:0px; width:100%; margin:0px;}
    .circle-rotate-section h2{ margin-top:50px;}
    section.service-section .small-circle{
        width: 100px;
    height: 100px;
    }
    section.service-section .small-circle img {
   width: 50px;
    height: 50px;
    margin-bottom:20px;
}
section.service-section .small-circle span{ font-size: 12px;}
section.service-section .big-circle{
    display:none;
    width: 150px;
    height: 150px;
}
section.service-section .circle-1 {
    left: 185px;
    position:static;
}
section.service-section .circle-2 {
    left: 220px;
    position:static;
}
section.service-section .circle-3 {
    top:250px;
    left: 240px;
    position:static;
}
section.service-section .circle-4 {
    top: 375px;
    left: 220px;
    position:static;
}
section.service-section .circle-5 {
        top: 490px;
    left: 185px;
    position:static;
}
section.service-section .circle-6 {
    right: 185px;
        position:static;
}
section.service-section .circle-7 {
    right: 220px;
    position:static;
}
section.service-section .circle-8 {
    top:250px;
    right: 240px;
    position:static;
}
section.service-section .circle-9 {
    top: 375px;
    right: 220px;
    position:static;
}
section.service-section .circle-10 {
        top: 490px;
    right: 185px;
    position:static;
}
section.service-section .big-circle h3 {
    font-size: 20px;
}
section.service-section .container {
    min-height: 600px;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
}

section.service-section .small-circle {
    width: 45%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 0px;
    /* outline: 2px solid #ccc; */
    border: 5px solid #fff;
    outline: 2px solid #1B97D5;}
    
    
    .whatsapp-panel-btn {
        z-index:1000;
    bottom: 20%;
    right:7%;
}
.call-btn {
        z-index:1000;
    bottom: 0%;
    right: 7%;
}
.email-btn {
        z-index:1000;
    bottom: 10%;
    right: 7%;
}
}