/* @media(min-width:576px) small screen */
/* @media(min-width:768px) tablate screen */
/* @media(min-width:992px) large screen */
/* @media(min-width:1200px) Xlarge screen */


/***** Iphone******/
@media(max-width:768px){
    header .carousel-item{
        height: 280px;
    }
    header h1 {font-size: 17px; left: 12%;}
    .about .line{width: 15%;}
    .services .card{width: 100% !important;}
    .services .card{margin-bottom: 20px;}
    .state .box{margin-bottom: 20px;}
    footer .help{margin: 10px 0;}
    /* .icons{display: flex; justify-content: flex-start;} */
    .rights{position: relative;}
    .icons{
        position: absolute;
        right: 2px;
    }


}

/***** Ipad ******/
@media(width:768px){
 header h1{font-size: 25px;left: 20%;}
 .client .carousel-indicators{bottom: -7%;}
 footer h2{font-size: 20px;}
}