:root {
--mobile-heading-size: 25px;
--mobile-pera-font: 20px;
--moile-padding-div: 40px 30px;
--mobile-pp-font: 20px;
}

@media (max-width:768px) {
   .min-hm-div {
       overflow: initial !important;
   }

   .main-text-div h2 {
       font-size: var(--mobile-heading-size) !important;
   }

   .main-logo-div img {
            width: 33%;
            text-align: center;
            top: -17px;
            width: auto;
            max-height: 73px;
            width: auto;
        }

   .min-hm-div1 p {
       font-size: var(--mobile-pera-font) !important;
       line-height: 30px;
       padding: 0px 15px;
       text-align: justify;
   }

   .min-hm-div2 div:nth-child(1) {
       padding: var(--moile-padding-div);
   }

   .min-hm-div2 div:nth-child(3) {
       padding: var(--moile-padding-div);
   }

   .min-hm-div2 div:nth-child(5) {
       padding: var(--moile-padding-div);
   }

   .min-hm-div2 div {
       width: 100%;
   }

   .min-hm-div2 div p {
       font-size: var(--mobile-pp-font);
       line-height: 28px;
   }

   .min-hm-div3 h2 {
       font-size: 25px;
       font-weight: 400;
       padding: 0px 20px;
   }

   .min-hm-inrr-div4 {
       width: 48%;
       margin-bottom: 30px;
   }

   .min-hm-inrr-div4 h2 {
       font-size: 25px;
       margin-bottom: 12px;
   }

   .min-hm-inrr-div4 p {
       font-size: 15px;
   }

   .home-pge-last-div h2 {
       font-size: 24px;
   }

   .home-pge-last-inrr-div div {
       width: 60%;
       margin-bottom: 10px;
   }

   .min-hm-div5 .min-hm-inrr-div5 {
       width: 90%;
       text-align: center;
       margin-bottom: 45px;
   }
   .min-hm-div5 .min-hm-inrr-div5.mt-ct-safe {
        width: 90%;
    }


   .min-hm-div5 .min-hm-inrr-div5 h2 {
       font-size: 18px;
       margin-bottom: 18px;
   }

   .panel-bar-div div {
       text-align: left;
   }

   .min-hm-div5 .min-hm-inrr-div5:nth-child(2) {
       text-align: center;
   }

   .min-hm-div5 .min-hm-inrr-div5:nth-child(2) img {
       width: 100%;
   }

   .min-hm-div6 div {
       width: 100% !important;
       /* height: 252px; */
   }

   .img-innr-div:nth-child(2) {
       height: 252px !important;
   }

   .min-hm-div6 {
       width: 90%;
   }

   .main-hover-image-div h2 {
       color: #fff;
       font-size: 18px;
       margin-bottom: 8px;
       font-weight: 600;
   }

   .img-innr-div:nth-child(1) .main-hover-image-div {
       padding: 0px 50px;
   }

   .img-innr-div:nth-child(2) .main-hover-image-div {
       padding: 0px 50px;
   }

   .main-hover-image-div p {
       color: #fff;
       font-size: 15px;
       margin-bottom: 5px;
       font-weight: 400;
   }

   img.location-img {
       position: absolute;
       left: 6%;
       width: 6% !important;
       top: 44%;
   }

   .main-hover-image-div>div {
       margin-left: 50px !important;
   }

   .main-hover-image-div:nth-child(2) h2 img {
       left: 15%;

       top: 38%;
   }

   .img-innr-div:nth-child(2) .main-hover-image-div img {


       width: 6% !important;

   }

   .main-hover-image-div:nth-child(1) h2 img {
       top: 44% !important;
       left: 16% !important;
   }

   .location-img1 {
       top: 44% !important;
       left: 18% !important;
   }

   .modal-padd{
       margin-left: 0 !important;
   }

   .modal-img-size{
       margin-top: 46px;
   }



   .location-img2 {
       top: 38% !important;
       left: 18% !important;
   }

   .min-hm-innr-div6 {
       margin-bottom: 10px;
   }

   .min-hm-div6 .min-hm-innr-div6:nth-child(3) img:nth-child(2) {
       width: 22%;
       margin-top: 10px;
   }

   .min-hm-div6 .min-hm-innr-div6:nth-child(3) h2 {
       font-size: 18px;
       font-weight: 700;
       padding: 0px 30px;
       position: relative;
       top: -41px;
   }

   .accordian-main-div1 h2 {
       font-size: 16px;
   }

   .accordian-main-div2 p {
       font-size: 13px;
       font-weight: 700;
       line-height: 20px;
   }

   .min-hm-div5 {
       margin: 10px auto 0 auto !important;
   }

   .main-read-more {
       position: absolute;
       right: 30%;
       bottom: 0px;
   }

   .main-read-more a {
       display: block;
       text-decoration: none;
       color: #e4008d;
       font-size: 15px;
       font-weight: 500;
   }

   .main-logo-div1:nth-child(1) {
       text-align: center;
       width: 95%;
       order: 1;
   }

   .main-logo-div1:nth-child(2) {
       text-align: right;
       width: 5%;
       margin: -19px auto;
       order: 3;
   }

   .main-logo-div1:nth-child(3) {
       text-align: right;
       padding-right: 20px;
       width: 50%;
       order: 2;
   }

   .main-logo-div {
       padding: 0px 35px;
   }

   .min-hm-div6 .min-hm-innr-div6:nth-child(3) p {
       font-size: 15px;
       margin-top: -40px;
       padding-left: 30px;
       padding-right: 25px;
       font-weight: 600;
   }

   .main-hover-image-div p img {
       width: 4% !important;
       margin-right: 18px;
       display: none;
       transition: all 0.4s ease-in-out;
   }


   .mtr-div:nth-child(1) {
       width: 842px;
       display: flex;
       justify-content: end;
       flex-wrap: wrap;
   }

   .sidenav .closebtn {
       position: absolute;
       top: -2px;
       right: 25px;
       font-size: 50px;
       margin-left: 50px;
       color: #fff !important;
       text-decoration: none !important;
       margin-bottom: 12px;
   }

   #about .text1 p {
       padding: 0px;
   }

   .main-text-div {
       width: 100%;
       text-align: center;
       position: absolute;
       bottom: 21px;
       left: 0px;
   }

   #about .text1 p {
       padding: 0px 2px !important;
       text-align: justify;
   }

   .main-hover-image-div:hover span {
       transition: all 0.3s ease;
       margin-left: 32px !important;
   }

   header {
       height: 96px;
       padding: 0;
       background: var(--light);
       width: 100%;
       display: flex;
       justify-content: center;
       align-items: center;
       position: fixed;
       z-index: 9;
   }

   header .logo {
       width: 260px;
   }

   header .logo img {
       width: 89%;
       height: 84px;
       padding-left: 41px;
       margin-top: 8px;
       width: auto;
   }


   .home-pge-last-div {
       background-color: #f6f7fb;
       padding: 50px 0px;
       width: 100%;
       max-width: var(--max-width);
       overflow: hidden;
       margin: 0 auto;
       margin-top: -45px;
       text-align: center;
   }

   #insideBanner .content h1 {
       font-family: var(--batabo);
       font-size: 28px;
       margin: 0;
       color: var(--light);
       margin-bottom: -27px;
   }


   .main-hover-image-div:nth-child(1) p img {
       width: 4% !important;
       margin-right: 18px !important;
       display: none;
       transition: all 0.4s ease-in-out;
   }

   .main-hover-image-div a {
       color: #fff;
       font-size: 15px;
       margin-bottom: 5px;
   }


   #about .listContent .flex .one {
       width: 367px;
   }

   .my-width-100 {
       width: 100% !important;
   }

}


/*.footer-div img {
    width: 82%;
    text-align: center;
    margin: 0 auto 10px auto;
}*/

/*@media only screen and (min-device-width : 526px) and (max-device-width : 768px){
   
}*/


@media (min-width:768px) {
   #about .listContent .flex .one {
       width: 506px;
   }
   #about .listContent .flex .one.w600 {
       width: 620px;
   }


   .modal-img-size {
       height: 197px;
       width: 261px;
   }
   .mt-ct-safe {
    margin-top: 150px;
   }

}

@media (min-width:1162px) {
   .mtr-div:nth-child(1) {
       width: 74%;
       display: flex;
       justify-content: end;
       flex-wrap: wrap;
   }

}

@media (max-width:660px) {
   /* .modal-img-size{
    width: 100% !important;
} */
}

@media (max-width: 992px) {
   .my-modal-content {
       margin-top: 30px;
   }

   .modal-img-size {
       height: 217px;
       width: 375px;
   }

}

@media (max-width: 460px) {
   .modal-img-size {
       height: 217px;
       width: 326px;
   }

   .modal-padd {
       padding-left: 0 !important;
       margin-top: 80px;
   }

   .cross i {

       top: 0px;
       right: 60px;

   }
}

@media (max-width: 490px) {

   .text-block p {
       color: #1d9f0f;
       font-size: 20px;
       display: inline-block;
       vertical-align: middle;
       line-height: normal;
   }


}


@media (min-width: 979px){
   .my-modal-content{
       margin-left: -13px;
   }
}