@media screen and (max-width: 1200px) and (min-width: 700px) {
    
     
    
    header .carousel-caption{
    bottom:10px;
}
    .carousel-caption h2 {
   font-size:12px;
   
    
}
    .section4 .div-mod .pic{
    
  background: none;
   
  
}
.carousel-caption p{
    font-size: 10px;
    
}
    .second-section .carousel-indicators li{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    
}
.second-section .carousel-indicators .active{
    width:30px;
    height: 30px;
    
   
}
   

.section4 .div-mod h1{
    
     min-width:  none;
    min-height: none;
    
     
}
    .section4 .div-mod{
       width:100%;
        height: auto;
        
        
    }
    
    .option .fback{
    width: 100px;
    height: 30px;
    border-radius: 10px;
    background-color:#0e8e7d;
    color:white;
    font-size: 15px;
    border:1px solid #0e8e7d;
        
}
     .section5 .news-mod{
        margin-bottom: :60px;
    }
    .section6 .news-mod{
        margin-bottom: 30px;
        
        border-top: none;
    }
    .carousel-caption .btn-primary{
    height: 50px;
    width:120px;
    font-size: 20px;
    box-shadow: 2px 2px 4px 4px rgba(29, 30, 30 ,.1) ;
}
    .carousel-caption h2{
    font-size:40px;
 
    
   
}
    .carousel-caption .text1 {
   font-size:40px;
    
   
    
}
.carousel-caption .text2{
    font-size: 15px;
    
    
}
.pricing-area .price-four .plan-action .btn-primary{
    margin-top: 0px;
}


    
    .section4 .div-mod .fa{
        border-radius: 50%;
    }
    .section4 .div-mod .fa:hover{
        border-radius: 20px;
    }
   .wave{
      height: 300px;
    position: relative;
    background: white;
    
} 

}
@media screen and (max-width: 600px) and (min-width: 100px) {
     .section4 .div-mod .pic{
     background:none;
    }
    .section6 .news-mod{
       text-align: center;
    }
    
   .carousel-caption .text1 {
   font-size:15px;
    
   
    
}
    .section4 .div-mod .pic{
       background-color: none;
    }
.carousel-caption .text2{
    display:none;
    
    
} 
    
     header .carousel-caption{
    bottom:10px;
    
} 
    
    
    .carousel-caption h2{
    font-size:15px;
 
    
   
} 
    .carousel-caption p{
    display:none;
    
}
    .cap1,
.cap2,
.cap3,
.cap4{
   margin-top: 10px;
     
    
}
    .carousel-indicators{
        display:none;
    }  
    .section4 .div-mod .fa{
        border-radius: 50%;
    }
    .section4 .div-mod .fa:hover{
        border-radius: 20px;
    }
     .wave{
      height: 150px;
    position: relative;
    background: white;
    
} 

}
@media (max-width:700px){
     .section4 .div-mod .pic{
       background: none;
        
   
    }
    .second-section  .div-mod {
   
   max-width: none;
    margin-bottom: 15px;
   text-align: center;
    
    }
    header .carousel-caption{
    bottom:0px;
}
    .carousel-caption h2 {
   font-size:15px;
        color:white;
    
}
.carousel-caption p{
    font-size: 10px;
    
}
   

    
    .section4 .div-mod h1{
    
     width:  none;
    height: none;
    
     
    }
    .section5 .news-mod{
        margin-bottom: :60px;
    }
    .section6 .news-mod{
       
        margin-bottom: 30px;
        border-top: none;
    }
    .carousel-caption .btn-primary{
    height: 30px;
    width:80px;
    font-size: 10px;
    box-shadow: 2px 2px 4px 4px rgba(29, 30, 30 ,.1) ;
}
    .carousel-caption p{
        font-size: 15px;
    }
     
    .carousel-caption h2{
    font-size:30px;
 
    
   
}
    .carousel-caption .text1 {
   font-size:30px;
    
    
}
    .carousel-caption .text2{
    font-size: 20px;
    
    
}
    .section6 .news-mod{
       
        text-align: center
    }
    .section4 .div-mod .fa{
        border-radius: 50%;
    }
    .section4 .div-mod .fa:hover{
        border-radius: 20px;
    }

}