 /* X-Large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) { 
    .mws01{
        min-height: 500px;
    }
    .forms.bg-light {
        top: 26%;
    }
    .card-img-overlay p {
        font-size: 14px;
      
    }
    .bottom-left h2:after {
        left: 33%;
    }
    .bottom-left h2:before {
        right: 33%;
      
    }
    .bottom-right h2:after {
        left: 33%;
    }
    .bottom-right h2:before {
        right: 33%;
      
    }
    .bottom-leftss h2:after {
        left: 10%;
    
    }
    .bottom-leftss h2:before {
        right: 10%;
    }

 }
 
 
 /* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) { 
    .mws01{
        min-height: 500px;
    }
    .forms.bg-light {
        top: 2%;
    }
    .bottom-left h2:after {
  
        left: 20%;
        width: 15%;
    }
    .bottom-left h2:before {
        right: 20%;
        width: 15%;
    }
    .bottom-lefts h2:before {
      
        right: 20%;
        bottom: 10px;
    }
    .bottom-lefts h2:after {
       
        left: 20%;
        bottom: 10px;
    }
    .bottom-leftss {
        padding: 10px 0;
    }
    .bottom-leftss h2 {
        font-size: 16px;
        margin: 0;
    }
    .bottom-leftss h2:after {
      
        bottom: 12px;
        left: 10%;
       
    }
    .bottom-leftss h2:before {
        bottom: 12px;
        right: 10%;
       
    }
    .bottom-lefts {
        padding: 10px 0;
    }
    .bottom-lefts h2 {
        font-size: 16px;
        margin: 0;
    }
    .card-img-overlay {
        top: 35%;
        padding: 25px 25px;
    }
    .boxbg-blog h3 {
        padding-top: 10px;
       
    }
    .card-img-overlay p {
        font-size: 12px;
        
    }
    .bottom-right h2:after {
      
        bottom: 10px;
        left: 15%;
        width: 20%;
    }
    .bottom-right h2:before {
      
        right: 15%;
        width: 20%;
    }
}
 
 
 
 /* tablet devices (landscape tablet, 992px and up) */
  @media (max-width: 991.98px){
    .mws01{
        min-height: 500px;
    }
    .forms.bg-light {
        padding: 6px 45px;
        right: 4%;
        top: 2%;
        width:100%
    }
    .head-text h2 {
        
        font-size: 20px;
  }
  .exclusive h2 {
    margin-top: 0px;
}
.bottom-left h2:after {
  
    left: 20%;
    width: 15%;
}
.bottom-left h2:before {
    right: 20%;
    width: 15%;
}
.bottom-lefts h2:before {
  
    right: 20%;
    bottom: 10px;
}
.bottom-lefts h2:after {
   
    left: 20%;
    bottom: 10px;
}
.bottom-leftss {
    padding: 10px 0;
}
.bottom-leftss h2 {
    font-size: 16px;
    margin: 0;
}
.bottom-leftss h2:after {
  
    bottom: 12px;
    left: 10%;
   
}
.bottom-leftss h2:before {
    bottom: 12px;
    right: 10%;
   
}
.bottom-lefts {
    padding: 10px 0;
}
.bottom-lefts h2 {
    font-size: 16px;
    margin: 0;
}
.card-img-overlay {
    top: 35%;
    padding: 25px 25px;
}
.boxbg-blog h3 {
    padding-top: 10px;
   
}
.card-img-overlay p {
    font-size: 12px;
    
}
.bottom-right h2:after {
  
    bottom: 10px;
    left: 15%;
    width: 20%;
}
.bottom-right h2:before {
  
    right: 15%;
    width: 20%;
}
.card-img-overlay h5 {
    font-size: 20px;
   
}
}
 
 /* Small devices (landscape phones, 576px and up) */
 @media (max-width: 768px){
    .mws01 {
        min-height: auto;
    }
    .head-text h2 {
        font-size: 20px;
    }
    .bottom-left h2 {
        font-size: 17px;
    margin: 0;
    }
    .bottom-lefts h2 {
        font-size: 10px;
    }
    .bottom-leftss h2 {
        font-size: 17px;
        margin: 0;
    }
    .cols {
        width: 50%;
       
    }

    .single-service{padding:30px}
    .col-one {
        width: 100%;
        
    }
    .colss {
        width: 100%;
       
    }
    .cols-two {
        width: 100%;
      
    }
    .bottom-lefts {
       
        width: 100%;
        padding: 10px 0;
        
    }
    .bottom-leftss {
        width: 50%;
        right: 0;
        bottom: 25%;
        padding: 10px 0;
    }
    .w-75 {
        width: 100%!important;
    }
    .boxbg-blog h3 {
        padding-top: 0px;
       
    }
    .card {
       
        margin-top: 6px;
    }
    .bottom-left h2:after {
       
        bottom: 12px;
        left: 20%;
        width: 10%;
    }
    .bottom-left h2:before {
        bottom: 12px;
        right: 20%;
        width: 10%;
    }
    .bottom-right {
        width: 100%;
    }
    .bottom-right h2 {
        font-size: 30px;
        margin: 0;
    }
    .bottom-right h2:after {
        bottom: 10px;
        left: 10%;
        width: 25%;
    }
    .bottom-right h2:before {
        bottom: 10px;
        right: 10%;
        width: 25%;
    }


    .bottom-lefts h2:before {
        bottom: 10px;
        right: 10%;
        width: 25%;
    }
    .bottom-lefts h2:after {
        bottom: 10px;
        left: 10%;
        width: 25%;
    }
    .bottom-lefts h2 {
        font-size: 30px;
        margin: 0;
    }
    .forms.bg-light {
       
        position: inherit;
        padding: 20px 16px;
       
    }
    .bottom-left {
        bottom: 25%;
        padding: 10px 0;
    }
    .card-img-overlay {
        top: 65%;
        padding: 25px 40px;
    }
    .card-img-overlay p {
        font-size: 16px;
    }

}

@media (max-width: 600px){
.navbar-brand img {
    width: 27%;}
}

@media (max-width: 768px){
    .navbar-brand img {
        width: 22%;}
    }