@media all and (max-width: 576px){
    .support{
        position: absolute;
        margin-left: 5.5%;
        border-radius: 50%;
        width: 8%;
        margin-top: -52px;
   }
    .support:hover{
        box-shadow: 1px 4px 4px 1px #000;
   }
    .osm{
        margin-top: -100px;
   }
    .modal-content {
        background-color: #fefefe;
        margin: auto;
        padding: 30px;
        border: 1px solid #888;
        width: 100%;
   }
}
/*# sourceMappingURL=content_elements.crush.css.map */
.queryhead{
    background: #B73235;
    color:#B73235;
    margin-top: 22px;
    margin-left: 7%;
    height:40px;
    -webkit-border-radius: 10px;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: Arial;
    width: 25%;
    text-align: center;
    text-decoration: none;
    -webkit-animation: glowing 1500ms infinite;
    -moz-animation: glowing 1500ms infinite;
    -o-animation: glowing 1500ms infinite;
    animation: glowing 1500ms infinite;
}
@media (max-width: 385px){
    .logo{
        width:170px;
   }
    .logo img{
        width: 100%;
        margin: 0 auto;
   }
    .good{
        margin-right: -5%;
   }
    .queryhead{
        margin-left: -2%;
        padding-right: 20px;
        width:20%;
   }
    .queryhead p{
        font-size: 10px;
   }
    .support2{
        margin-left: 18px!important;
        width:5%!important;
        position: absolute;
        margin-top: -15%!important;
   }
}
@media (max-width: 320px){
    .btVerticalHeaderTop{
        margin-right:10px;
        background-color: red;
   }
    .logo{
        width:150px;
   }
    .logo img{
        width: 100%;
        margin: 0 auto;
   }
    .good{
        margin-right: -5%;
   }
    .queryhead{
        margin-left: -2%;
        padding-right: 20px;
        width:20%;
   }
    .queryhead p{
        font-size: 10px;
   }
    .support2{
        margin-left: 10px;
        width:7%;
        position: absolute;
        margin-top: -18%;
   }
}
@media (max-width: 375px){
    .logo{
        margin-left: -2px;
   }
    .logo img{
        width: 80%;
        margin: 0 auto;
   }
    .good{
        margin-right: -5%;
   }
    .queryhead{
        margin-left: -2%!important;
        padding-right: 30px;
        width:20%;
   }
    .queryhead p{
        font-size: 12px;
   }
    .support{
        margin-left: 15px;
        width:8%;
        position: absolute;
   }
}
@media (max-width:768px){
    .logo img{
        width: 100%;
        padding-right: 15px;
   }
    .good{
        margin-right: -40%;
   }
    .queryhead{
        margin-left:14%;
        padding-right: 20px;
        width:15%;
   }
    .queryhead p{
        font-size: 20px;
        line-height: 20px;
   }
    .support2{
        margin-left: 25px;
        width: 5%;
        position: absolute;
        margin-top:-70px;
   }
    .desk{
        margin-top: 30px!important;
        width: 100%!important;
        height: auto;
   }
    .overlay{
       /* padding: 70px 20px;
        */
        height: 277.1px;
   }
    .headerrr{
        font-size: 15px;
        margin-top: -210px;
   }
    .upperred{
        font-size: 20px;
        margin-top: -190px;
   }
    .upperblack{
        font-size: 20px;
        margin-top: -10px;
   }
    .contactbtn{
        background: #B73235;
        color: #fff;
        padding: 5px 5px;
        font-size: 12px;
        border-radius: 22px;
        margin-left: 40%;
        margin-top: 60px;
   }
    .careerbtn{
        background: #000210;
        color: #fff !important;
        padding: 5px 5px;
        font-size: 12px;
        border-radius: 22px;
   }
    .other{
        width: 80%;
   }
    .carousel{
        padding-top: 80px!important;
   }
   .overlay1{
      font-size: 15px;
   }
   .hero1{
      font-size: 20px;
      padding: 8px;
   }
}
@media (max-width:1024px){
    .logo{
        margin-left: 300px;
   }
    .logo img{
        width: 100%;
        padding-right: 15px;
   }
    .good{
        padding-right: 15px;
        margin-right: -35%;
   }
    .queryhead{
        margin-left:14%;
        padding-right: 82px;
        width:10%;
   }
    .queryhead p{
        font-size: 18px;
   }
    .support2{
        margin-left: 45px;
        width: 3%;
        position: absolute;
        margin-top:-55px;
   }
}
@media (max-width:425px){
    .logo{
        margin-left: 10px;
   }
    .logo img{
        width: 100%;
        margin: 0 auto;
   }
    .good{
        margin-right: -20%;
   }
    .queryhead{
        margin-left: 5%;
        padding-right: 30px;
        width:20%;
   }
    .queryhead p{
        font-size: 12px;
   }
    .support2{
        margin-left: 20px;
        width:7%;
        padding-top: 7px;
        position: absolute;
   }
    .headerrr{
       margin-top: -130px!important;
       font-size: 10px;
       margin-left: 140px;
   }
    .upperred{
        margin-top: -111px!important;
        font-size: 20px;
        margin-left: 140px!important;
   }
    .upperblack{
        margin-top: -89px !important;
        font-size: 20px;
        margin-left: 140px!important;
   }
    .careerbtn{
        /* margin-top: -160px!important; */
        /* background:red; */
        margin-left: 0px;
   }
    .sliderimg1 img{
        margin-left: -35px;
   }
    .sliderimg3 img{
        margin-left: -35px;
   }
   .sliderimg2 img{
        margin-right: -45px;
   }
    .headerrr2{
        font-size: 10px;
        margin-top: -39.8px!important;
        /* background: red; */
   }
    .upperred2{
        font-size: 20px;
        margin-top: -10px!important;
   }
    .upperblack2{
        font-size: 20px;
        margin-top: 0px!important;
   }
    .contactbtn2{        
        padding: 5px 5px;
        font-size: 12px;
   }
    .careerbtn2{
       padding: 5px 5px;
       font-size: 12px;
   }
   button.slick-arrow.slick-prev{
      margin-top: 60px;
      height: 20px;
      width: 20px;
      margin-left: 350px;
   }
   button.slick-arrow.slick-prev:before {
      font-size: 10px;
      margin-top:5px;
   }
   button.slick-arrow.slick-next{
      margin-top: 60px;
      height: 20px;
      width: 20px;
   }
   button.slick-arrow.slick-next:before {
      font-size: 10px;
      margin-top:5px;
   }
   .first .carousel-caption .other {
      margin-top: -59px;
      margin-left: 20px!important;
      }
   
.carousel-indicators [data-bs-target] {    
    width: 5px!important;
    height: 5px!important;   
}
   .sun{
      padding-top: 40px;
   }
   .blueright h2{
      font-size: 18px;
      width: 80%;
      margin-left: 11.9px;
      letter-spacing: 0.1px;
      margin-top: -99px;
   }
   .blueleft h2{
      font-size: 18px;
      width: 90.1%;
      margin-left: 11.9px;
      letter-spacing: 1.6px;
      margin-top: -89px;
   }
}