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


/*******************************************************************/
@media(min-width:576px){
    
      h2 {
        font-size: 8px;
        position: absolute;
        z-index: 1;
        color: #fff;
        left: 20%;
        top: 50%;
    }
    .m {
        position: absolute;
        z-index: 1;
        color: #fff;
        left: 25%;
        top: 55%;
        font-size: 6px;
    }
}
/***** Iphone******/
@media(max-width:768px){
    header .carousel-item{
        height: 350px;
    }
      h2 {
        font-size: 5px;
        position: absolute;
        z-index: 1;
        color: #fff;
        left: 20%;
        top: 50%;
    }
    .m {
        position: absolute;
        z-index: 1;
        color: #fff;
        left: 25%;
        top: 55%;
        font-size: 5px;
    }
    .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){
    h2 {
        font-size:17px;
        position: absolute;
        z-index: 1;
        color: #fff;
        left: 20%;
        top: 50%;
    }
    .m {
        position: absolute;
        z-index: 1;
        color: #fff;
        left: 25%;
        top: 55%;
        font-size: 17px;
    }
 .client .carousel-indicators{bottom: -7%;}
 footer h2{font-size: 20px;}
}
/***************************************************************************************/
@media(min-width:912px){
    h2 {
        font-size:17px;
        position: absolute;
        z-index: 1;
        color: #fff;
        left: 20%;
        top: 50%;
    }
    .m {
        position: absolute;
        z-index: 1;
        color: #fff;
        left: 25%;
        top: 55%;
        font-size: 17px;
    }
}
/****************************************************************/
@media(min-width:820px){
    h2 {
        font-size: 30px;
        position: absolute;
        z-index: 1;
        color: #fff;
        left: 20%;
        top: 50%;
    }
    .m {
        position: absolute;
        z-index: 1;
        color: #fff;
        left: 25%;
        top: 55%;
        font-size: 30px;
    }
}
/******************************************************************************/