.container{max-width: 95%;margin: auto;}

@media (min-width: 767px){
    .side {
        position: -webkit-sticky;
        position: sticky;
        top: 83px;
        padding-right: 40px;        
      }
      .aboutmiraContent{
        /*padding-right: 30px;*/
        position: relative;
        /*display: flex;*/
         height: 100%;
      }
      
      .aboutmiraContent .aboutmirabtm{
          position:-webkit-sticky;
          position:sticky; 
          /*bottom:0;*/
          /*align-self: flex-end;*/
          top: 83px;
          padding-right: 40px;     
      }
}

@media (min-width: 1499px){
    footer{background: linear-gradient(to top, black 80%, #0087CC 20%)}
    .form{padding: 30px;}
    .modal-body {padding: 50px;}
    .modal-header{padding: 50px;}
    .serviceslink2 .whyusfot {margin: 0 0 0 60px;}
#popupimage{height: 300px;margin-bottom: 50px;}
.beginhere {
    margin-top: 50px;
}
.modal.rightside .modal-dialog {
    width: 40%;
    max-width: 40%;
}
}

@media (max-width: 1199px){
    footer {background: linear-gradient(to top, black 69%, #0087CD 31%)}
   .service-pointer-1 h3 {font-size: 20px;line-height: 26px;}
   .thankmsg .beginhere{margin-top: 0px;}
   .thankmsg .h1 {
    font-size: 35px;
    color: #000000;
    line-height: 45px;
}
.footerredirect{padding-left: 40px;}
.h1 {font-size: 30px;line-height: 40px;}
.serviceslink {padding: 40px 0px;}
.serviceslink2 > div:first-child {padding: 40px 0px 40px 40px;}
.serviceslink2 > div:last-child {padding: 40px 0px 40px 40px;}
}



@media (max-width: 1099px){
    /* .h1 br{display: none;}     */
    

    p{
        font-size: 16px;
    }
    .partner-data {
        padding: 45px 0px;
    }
    footer {
        background: linear-gradient(to top, black 64%, #0087CD 36%);
        margin-top: -1px;
    }
    .footerlogo-sec {
        padding: 90px 25px;
    }
    .footerredirect {
        padding-left: 30px;
    }
    .serviceslink{padding: 30px 0px;}
    .serviceslink2 > div:first-child , .serviceslink2 > div:last-child{
        padding: 30px 0px 30px 30px;
    }
    .form{
        padding: 40px;
    }
    .service-pointer-1 h3 {
    font-size: 18px;
    line-height: 24px;
   
}
.serviceslink2 .whyusfot {
    margin: 0 0 0 50px;
}
.thankmsg .h1 {
        font-size: 25px;
        color: #000000;
        line-height: 35px;
    }
    .thankmsg p {
    font-size: 12px;
}
.footerredirect .serviceslink a {
    
    margin-bottom: 16px;
}
}

@media (min-width: 767px){
    .hbanner{
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
}

@media (max-width: 991px){
    .innersub {
    font-size: 20px;
}
    .navbar-toggler {
        border: none;
        background: transparent !important;
        padding: 0;
    }

    .navbar-toggler .icon-bar {
        height: 2px;
        width: 26px;
        background-color:#000000;
        border-radius: 1px;
        display: block;
        margin-top: 6px;
        transition: all 0.2s;
    }

    .navbar-toggler .top-bar{
        margin-top: 0;
    }

    .navbar-toggler:focus {
        
        box-shadow: unset;
    }
    

    [aria-expanded="false"].navbar-toggler .top-bar {
        transform: rotate(0);
    }
    [aria-expanded="true"].navbar-toggler .top-bar {
        transform: rotate(45deg);
        transform-origin: 6% 50%;
    }

    [aria-expanded="true"].navbar-toggler .middle-bar {
        opacity: 0;
    }

    [aria-expanded="false"].navbar-toggler .middle-bar {
        opacity: 1;
    }

    [aria-expanded="true"].navbar-toggler .bottom-bar {
        transform: rotate(-45deg);
        transform-origin: 7% 90%;
    }

    [aria-expanded="false"].navbar-toggler .bottom-bar {
        transform: rotate(0);
    }

    .navbar {
        border-bottom:0.5px solid #6b6b6b42;;
    }
    .navbar:after {
        content: '';
        width: 100%;
        height: 0.8px;
        background: #6B6B6B;
        position: absolute;
        top: 82.67px;
        left: 0;
    }
    .navbar .contact::before, .navbar .contact::after{content: none;}
    .navbar .nav-item .nav-link{padding: 20px 0px;border-bottom: 0.5px solid #6b6b6b42;}
    .navbar-nav{padding-top: 40px;}
    .pad90{padding: 50px 0px;}
    .padt90{padding-top: 50px; }
    .padb90{padding-bottom: 50px;}
    .subhd{margin-bottom: 30px;}
    .about h2 {margin-bottom: 25px;}

    .partner .col-lg-5{
        padding-right: 0 !important;
        text-align: center;
        margin: auto;
    }
    .partnerp {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .partner-data {
        padding: 40px 0px;
    }
    .service-pointer {
        
        padding-top: 40px;
    }

    .service-pointer-1 {
        padding: 12px;
    }
    .service-pointer-1 h3 {        
        font-size: 18px;
        padding: 12px 0px;        
        line-height: 22px;
    }
    .polygon-sp {
        width: 32px;
        height: 32px;
    }

    .footerlogo-sec {
        padding: 50px;
        text-align: center;
    }
    .footerlogo {
        width: 200px;
        margin: 0 auto 30px;
    }
    footer .h1{
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 0;
    }
    footer .beginhere{
        justify-content: center;
        margin-top: 30px;
    }
    .footerredirect {
        padding-left: 0px;
    }
    .footerredirect .serviceslink a{
        margin-bottom: 18px;
    }
    .footerredirect p {
       
        margin-bottom: 18px;
    }
    .modal.rightside .modal-dialog{
        width: 66%;
    max-width: 66%;
    }
    
   
    .form h5 {
    font-size: 35px;
    margin-bottom: 20px;
}
form button {
   
    margin-top: 20px;
}

textarea.form-control{
    height: 42px;
}
.serviceslink2 .whyusfot {
    margin: 0 0 0 56px;
}
.hbanner{
    height: 80vh;
}
.h1 {
        font-size: 24px;
        line-height: 34px;
    }
    .navbar .contact a {
   border: none !important;
}
}



@media (max-width: 767px){
    .greys {
    font-size: 26px;
}
    .navbar-brand img{width: 200px;}
    .navbar{padding: 12px 0px;}
    .navbar:after{top: 66.67px;}
    .navbar-nav {padding-top: 17px;}
    .navbar .nav-item .nav-link {padding: 20px 0px;}
    .empower .h1{padding: 0px 30px;}
    .h1 {font-size: 26px;line-height: 34px;}
    body {padding-top: 67px;}
    .hbanner{height: 450px;background-image: url(../images/Mobile-Banner.webp);}
    
    .subhd {margin-bottom: 24px;}
    .about h2 br{display: none;}
    .about h2 {
        margin-bottom: 20px;
    }
    .aboutbanner{
        height: 320px;
        object-fit: cover;
    }

    #commitment {
        text-align: center;
    }

    #commitment h2{
        margin-bottom: 20px !important;
    }
    .partner-data {
        padding: 25px 0px;
    }

    .service-pointer-1 div img {
        
        height: 180px;
        object-fit: cover;
    }
    .slick-slide {
        margin: 0 8px;
    }
    
   
    .service-pointer-1 h3 {
        
        padding: 15px 0px;
        
    }
    .serviceslider{
        overflow: hidden;
        padding: 55px 12px 0px;
    }
    .services h2 {
        margin-bottom: 20px;
    }
    .service-pointer {
        padding-top: 25px;
    }
    /*footer .h1 br{*/
    /*    display: none !important;*/
    /*}*/
    .footerlogo-sec {
        padding: 40px;
        height: 380px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .footerredirect{
        flex-direction: column;
    flex-wrap: wrap;
    }

    .serviceslink {
        width: 100%;
        border-right: 0;
        border-bottom: 0.5px solid #6B6B6B;
        text-align: center;
        padding: 30px 0px;
    }
    .footerredirect .serviceslink a {
        margin-bottom: 14px;
    }
    .footerredirect p {
        margin-bottom: 18px;
    }
    .sociallk::after {        
        width: 100%;
    }
    .sociallk {        
        justify-content: center;
    }
    .serviceslink2 > div{
        padding: 30px 0px !important;
        text-align: center;
    }
    .serviceslink2 > div .d-flex{
        justify-content: space-evenly;
    }
    .serviceslink2 a {
        margin-right: 0;
        padding:0px 8px;
    }
    .privacylink {
        text-align: center;
    }
    .right {
        text-align: center;
        padding: 0px 0px 20px;
        font-size: 9px;
    }
    .modal.rightside .modal-dialog{
        width: 100%;
    max-width: 100%;
    }
    .modal-header {
       
        padding:25px;
    }
    .popupheading {
        margin-top: 25px;
        padding-right: 60px;
    }
    .popupheading h2 br{display: none;}
    .modal-body {
        padding:25px;
    }
    .serviceslink2 > div:first-child::after{width: 100%;}
    
    .form{padding: 25px;
        }
        .form h5 {
        font-size: 24px;
        margin-bottom: 14px;
    }
    .mb-3 {
    margin-bottom: 9px !important;
}
footer .h1 {
        font-size: 26px;
        line-height: 34px;
        
    }
    .serviceslink2 .whyusfot {
        margin: 0;
    }
    
    .thankyouimg img {
    height: 100%;
    object-fit: cover;
}

 /* content */

    .content{
        flex-direction: column;
        text-align: center;
    }
    .side{
        width: 100%;
        padding: 0;
    }
    .main{
        width: 100%;
        padding: 40px 0 0;
    }
    .partner-data{
        flex-direction: column;
    }
    .partner-data-inner {
        padding-left: 0px;
        padding-top: 25px;
    }
    .partner-data {
        padding: 35px 0px;
    }

    .partner-data-inner h3 {
       
        width: 218px;
        margin: 0 auto 15px;
    }
    .partner-data div span{
        margin: auto;
    }
.container {
    max-width: 90%;
    
}
.popupheading h2 {
    font-size: 22px;
    line-height: 32px;
}
.service-pointer-1 h3 {
        font-size: 16px;
        line-height: 20px;
    }
    .formhide {
    right: 12px;
    top: 12px;
    }
    .partner-0{
        display: flex;
        align-items: center;
    }
    .partner-0 h3{
        color: #0087CC;
    font-size: 18px;
    font-weight: 600;
    width: 70%;
    margin-bottom: 0;
    text-align: left;
        padding-left: 12px;
    }
    .partner-data:last-child{
        border-bottom:0;
        padding-bottom:0;
    }
    
    .aboutmira{
        text-align: center;
    }
    .aboutmira .row .col-md-6:nth-child(1) {
        order: 3;
    }
    .aboutmira .row .col-md-6:nth-child(2) {
        order: 2;
    }
    .beginhere {
    margin-top: 25px;
}
}