/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    #comp-mfqszs2b {
    width: 90% !important;
    clear: both;
    margin-top: 112% !important;
}

#comp-ljzei6sl .comp-ljzei6sl-container {
    padding-bottom: 29%;
 }
  body{
    overflow-x:hidden;  
  }

 .socialbutton {
  text-align: left;
   img {
  height: 52px;
  margin: 39px 10px 0px 0px;
}

}
#comp-lk0vfj1u5 {
    margin-top: -233px;
}
#comp-ljo7khj4 {
    margin-top: 30%;
}
#comp-ljo7igzk {
    margin-top: 14%;
}
#comp-ljo80gkh2 {
    margin-top: 9%;
}
#comp-ljo80gki5 {
    margin-top: 24%;
}
#comp-ljo8s6aa {
    margin-top: 13%;
}
#comp-mfogyhhm5 {
    margin-top: 28%;
}
#comp-mfogyhhk {
    margin-top: 12%;
}
#comp-mfogyhi93 {
    margin-top: 36%;
}#comp-mfogyhi7 {
    margin-top: 14%;
}
.comp-mfogyhg8-container{
    display:none !important;
}
#comp-mfqsth69 {
    width: 85% !important;
    margin-top: 125% !important;
}
#comp-ljo8s6ab2 {
    margin-top: 41%;
}#comp-mfqsth69 {
    width: 85% !important;
    margin-top: 104% !important;
}
.enqbtn {
  padding: 5px 9px !important;
  width: 140px !important;
  font-size: 18px;
  cursor: pointer;
}
#comp-ljpisd8r {
  width: 89.952%;
}
#comp-ljpgcby8,#comp-ljpgfgbd{
  width: 90%;
}
#comp-ljo4pyd5 {
  width: 90%;

}

#comp-ljvgiyu1,#comp-ljvheu34{
width: 90%;
height: 350px;
}
.comp-ljve3lb2-container {
    margin-top: -34px;
}
#comp-ljvgiyun {
    margin-bottom: 0px;
}
#comp-ljvgiyup {
    margin-bottom: 5px;
}

.contactheader {
  padding: 4% 6%;
}
.privacyheader {
  padding: 11% 6% 9% 6%;
}

.copyrightstxt{
    padding-right:0px !important;
}
}

@media (max-width: 480px) {
  
    footer {
        padding: 30px 20px 20px;
    }

   
.footer-brand {
    width: 100%;
}
.footer-section {
    text-align: center;
    width: auto;
}
    .footer-logo {
        flex-direction: column;
        text-align: center;
    }

    .logo-text h2 {
        font-size: 24px;
    }

    .compass-icon {
        width: 40px;
        height: 40px;
    }

    .footer-section ul li {
        text-align: center;
        margin-bottom: 15px;
    }

    .compass-icon::after {
        font-size: 26px;
    }

    .footer-section h3 {
        font-size: 18px;
        text-align: center;
        margin-bottom: 40px;
        margin-top: 15px;
    }

    .footer-section a,
    .contact-info {
        font-size: 15px;
        text-align: center;
    }

    .footer-bottom {
        font-size: 13px;
        text-align: center;
        margin-top: 0px;
        margin-bottom: 70px;
    }
.quick-enquiry-container {
    right: 10px !important; 
 } 
 .whatsappboxtext {
   left:17% !important;
   img{
    height: 20px !important;
    width: 20px !important;
   }
}
.quick-enquiry-btn {
    padding: 10px 10px !important;
}
.scroll-to-top {
    bottom: 21px;
    width: 35px;
    height: 40px;
}
.quick-enquiry-btn .icon-wrapper{
    height:20px !important;
}
    .footer-logo img {
        height: 90px;
        margin-top: 35px;
    }
    .quick-enquiry-btn {
    & a {
    font-size: 15px;
}


}

@media (max-width: 768px) {
    .main-nav {
    display: none;
  }
  .hamburger {
    display: flex;
    margin-right: 15px;
  }

  .mobile-menu ul li a {
    padding: 29px 22px;
    font-size: 20px;
}
footer {
        padding: 40px 30px 20px;
    }

     .footer-content {
    display: block !important;       /* remove grid layout */
    grid-template-columns: none;     /* reset grid columns */
    gap: 0;                          /* remove gaps */
    margin-bottom: 20px;             /* smaller spacing */
    text-align: center;              /* center align content */
  }


    .footer-brand {
        grid-column: 1 / -1;
        margin-bottom: 10px;
    }

    .footer-section h3 {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 15px;
        text-align: center;
    }

}
@media (max-width: 768px) {
 

  .footer-section,
  .footer-brand {
    width: 100% !important;
  }

  .footer-section h3 {
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 62px;
  }
}



@media (min-width: 768px) and (max-width: 991.98px) {
  

}

/* responsive css */
@media (min-width: 992px) and (max-width: 1199.98px) {
  

}


@media (max-width: 1024px) {
    

    .footer-brand {
        grid-column: 1 / -1;
    }
}


/* iPads (portrait and landscape) ----------- */




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

   







}
/* iPads (landscape) ----------- */
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}*/
/* iPads (portrait) ----------- */
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}*/
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

    .footer-brand {
      width: 0px !important;
    } 


}
/*@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
}*/
/* Desktops and laptops ----------- */
/*@media only screen  and (min-width : 1224px) {
}*/
/* Large screens ----------- */
/*@media only screen  and (min-width : 1824px) {
}*/
/* iPhone 4 ----------- */
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
}
*/
/* iPhone 5 ----------- */
/*@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
}
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
}*/
/* iPhone 6 ----------- */
/*@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
}*/
/* iPhone 6+ ----------- */
/*@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
}
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
}*/
/* Samsung Galaxy S3 ----------- */
/*@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
}
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
}*/
/* Samsung Galaxy S4 ----------- */
/*@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
}
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
}*/
/* Samsung Galaxy S5 ----------- */
/*@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
}
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
}
*/
@media only screen and (min-device-width : 1200px) and (max-device-width : 1650px) {
  

}


/* Alternative broader mobile targeting */
@media screen and (max-width: 768px) {
  
}
/* Specific targeting for very small screens */
@media screen and (max-width: 320px) {
  
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

}


@media only screen and (min-device-width: 320px) and (max-device-width: 392px) {


}