@media(max-width:1199px){
    .downbutton{
      padding:5px !important;
      font-size: 12px !important;
      line-height: 0 !important;  
    }
    .line{
        font-size: 13px !important;       
    }
    .mid2{
        margin-top: 0 !important;
    }
    .mid2 span {        
        font-size: 11px !important;        
    }
    .my-items li a {        
        font-size: 14px!important;        
        margin-left: 10px !important;        
    }
    .welcm-details h4::after {       
        left: 26% !important;        
    }
    .welcm-details h4::before {       
        right: 26% !important;      
    }
    .serhd::after {       
        right: 31% !important;       
    }
    .serhd::before {       
        right: 30% !important;       
    }   
    .welcm-details h2::after {      
        left: 47% !important;      
    }
    .prod-detail {       
        bottom: 153px !important;       
    }
    .navbar-toggler{
        background-color:#005f90;
    }
    .navbar-brand {          
       position: initial !important;      
       width:200px !important;      
    }
    .navbar-brand img {
        width: 90px !important;        
    }
    .design::after {        
        width: 126px !important;
    }
    .phone {        
        min-height: 35px !important;       
        top: -6px !important;       
    }
    .box a{
        width:167px !important;
    }
   
}
@media(max-width:991px){   
    
   .line{
     text-align: center !important;
     border-bottom: 1px solid #fff;
     margin-bottom:10px;
   }
   .downbutton{
     margin-top: 8px;
   }
   .socio{
    margin-top: 8px !important;
   }
   .mid2{
    margin-top: 15px !important;
   }
   .certificates{   
    text-align: center !important;
  }
  .serhd::after {
    right: 23% !important;
}
.box{
    display: initial !important;
    padding: 0 !important
}
.box a{
    font-size: 16px !important;
    margin-bottom: 10px;
}
.design::after {    
    right: -51px !important;   
}
.phone{
    position: initial !important;
    float: right;
    min-height:25px !important;
}
.phone a {
    font-size: 16px !important;
}
}

@media(max-width:768px){
    .welcm-details h4::before {
        right: 18% !important;
    }
    .welcm-details h4::after {
        left: 17% !important;
    }
    .serhd::after {
        right: 10% !important;
    }
    .serhd::before {
        right: 22% !important;
    }
    .serhd{
    font-size: 40px !important;
    }
    .welcm-details h2 {        
        font-size: 40px !important;       
    }
    .welcm-details h2::after {        
        left: 67% !important;        
    }
    .box p {       
        font-size: 19px !important;       
    }
    
    .design::after{
        right:-52px !important;
    }
    .prod-detail {        
        bottom: 6px !important;      
    }
    .box a{
        width: 102px !important;
        height: 43px !important;
    }
   
}

@media(max-width:575px){
    
    .socio{
        justify-content: center;
    }
    .welcm-details h2 {
        font-size: 25px !important;        
    }
    .welcm-details h4::before {       
        width: 35px !important;        
        right: 2% !important;
    } 
    .welcm-details h4::after {
        left: 2% !important;
        width: 35px !important;
    }  
    .welcm-details h4 {
        font-size: 15px !important;       
    } 
    .serhd {       
        font-size: 25px !important;        
    }  
    .serhd::after {
        right: 12% !important;
    }
    .serhd::before {
        right: 10% !important;
    } 
    .navbar-brand {          
       position: initial !important; 
       width:135px !important;     
    }  
    .navbar-brand img {
        width: 100px !important;
        transform: skew(-25deg);
    }
    .pass img {
        width: 300px !important;
    }
    .my_list li a{
        margin:10px 0 10px 10px!important;
    }
    .prod-detail {        
        bottom: 71px !important; 
        height:190px !important;     
    } 
    .abt_line {
        font-size: 16px !important;        
    } 
    .abt-hd {       
        font-size: 16px !important;        
    }
    .box a{
        width: 103px !important;
        height: 36px !important;
        line-height: 16px !important;
    }
    .abt-details h2 {        
        font-size: 30px !important;       
    }
    .cont_details h3 {
        font-size: 14px !important;        
    }
       
}
@media(max-width:480px){
    .box p {
        font-size: 14px !important;
    }
   
    .prod-img h4 {
        font-size: 18px !important;
        margin-bottom: 5px !important;       
    }
    .box a {
        font-size: 14px !important;
        padding: 11px 9px !important;
    }
    .respon_prod{
        margin-top: -92px !important;
    }
    .prod-detail {
        bottom: 136px !important;
        height: 223px !important;
    }
   
}
@media(max-width:375px){
    .welcm-details h4::after {
        left: 2% !important;
        width: 17px !important;
    }
    .welcm-details h4::before {
        width: 17px !important;
        right: 2% !important;
    }
    .serhd::after {
        right: 23% !important;
        width: 66px !important;
        top:12px !important;
    }
    .serhd::before {       
        width: 39px !important;       
    }
    .prod-img p {
        font-size: 14px !important;        
    }
    .prod-detail {
        bottom: 155px !important;
        height: 236px !important;
    }
    .prod h4 {
        font-size: 18px !important;       
    }
    .design {       
        width: 72% !important;       
    }
   
}

@media(max-width:320px){
    .serhd {
        font-size: 20px !important;
    }
    .servcs_hd p {       
        font-size: 16px !important;      
    }
    .serhd::before {
        width: 34px !important;
    }
   
    .mal a, .phone a {       
        justify-content: flex-start !important;
        margin-bottom: 4px;
    }
    .box p {
        font-size: 11px !important;
    }
    .box a {
        font-size: 14px !important;
       
    }
    .design {       
        width: 75% !important;        
    }
    .design::after {
        right: -40px !important;
    }
    .welcm-details h2::after {        
        top: 37px !important;
        left: 76% !important;
        width: 42px !important;        
    }
    .prod-detail {
        bottom: 151px !important;
        height: 269px !important;
    }
    .carousel-indicators {       
        bottom: -15px !important;
    }
   
}