/* // X-Small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// xtra-Small devices (100 to 575) */
@media (min-width:100px) and (max-width:575px){
    
    .nav_bg{
        background-color:#15a4fa;
    }
    .logoa{
        color:rgb(0, 0, 0);
        font-size: 24px;
        font-weight: bold;
        
    }
    .logoa img{
        display:none;
    }
     .banner{
        padding-top: 50px;

    }
    .banner h1{
        text-transform: uppercase;
        padding: 0%;
        margin: 0%;
        text-align: center;
        color: aliceblue;
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-size: 30px;
        position: relative;
    }
    .banner h1::before{
        content: '';
        top:50px;
        left: auto;
        width: 100px;
        height: 2px;
        background-color: #15a4fa;
        position: absolute;
    }
    .banner p{
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-size: 12.0px;
        padding-top:20px;
    }
    .banner .icon{
        padding: 40px 0px 30px;
        color:#fff;
        font-size: 20px;
        
    }
    .banner .icon i{
        transition: all linear .4s;
    }
    .banner .icon i:hover{
        transform: rotate(-180deg);
        transition: all linear .4s;
    }
    .about_content h2{
        font-size: 18.0px;
        padding-top: 20px;
    }
    .about_content p{
        font-size: 15px;
        padding:20px 20px;
    }
    .about_content h2,p{
        text-align: center;
        font-family: 'lato', sans-serif;
        font-weight: 400;
    }
    .ccard_one{
        padding:25px;
    }
    
    .card_text h5{
        padding-top:20px;
        padding-bottom:20px;
        font-family: 'Lato',sans-serif;
        font-weight: 400;
        font-size: 18px;
    }
    .card_text p{
        font-family: 'Lato',sans-serif;
        font-weight: 400;
        font-size: 12px;
    }
    .inpt1{
        height: 60px;
        padding:10px 10px
    }
    .inpt2{
        height: 60px;
        padding: 10px 10px;
    }
    .inpt3{
        height: 60px;
        padding: 10px 10px;
    }
    .leftc{
        width: 100%;
    }
    .leftc input{
        margin-top: 12px;
        margin-right: 10px;
    }
    .leftc p{
        margin-bottom:20px;
        color:white;
        font-family: 'Lato',sans-serif;
        font-weight: 400;
        font-size: 12px;
        padding-top: 10px;
       
    }
    .bottom_coctct .rightc a{
        padding: 5px 15px;
        border: 2px solid ;
        border-radius: 3px;
        background-color: transparent;
        color:#15a4fa;
        text-transform: uppercase;
        display: block;
    }
    .fleft .fleftp{
        font-size: 10px;
    }
    .fright .ful .fli .fanchor{
        padding: 5.0px 7.5px;
    font-size: 10px;
    background-color:#15a4fa;
    margin-right: 10px;
    margin-top: 10px;
    color: #fff;
    }
}
/* min width 576px start here */
/* small device 576 to 767 start here */
@media (min-width: 576px) and (max-width:767px) { 
    .nav_bg{
        background-color: #fff;
    }
    .logoa{
        color: black;
        font-size: 18px;
        font-weight: 400;
    }
    .logoa img{
        display: inline-block;
    }
    .banner{
        padding-top: 100px;

    }
    .banner h1{
        text-transform: uppercase;
        padding: 0%;
        margin: 0%;
        text-align: center;
        color: aliceblue;
        font-family: 'Lato', sans-serif;
        font-weight: 700;
        font-size: 50px;
        position: relative;
    }
    .banner h1::before{
        content: '';
        top:70px;
        left: auto;
        width: 170px;
        height: 2px;
        background-color: #15a4fa;
        position: absolute;
    }
    .banner p{
        font-family: 'Lato', sans-serif;
        font-weight: 400;
        font-size: 18px;
        padding-top:20px;
    }
    .banner .icon{
        padding: 40px 0px 40px;
        color:#fff;
        font-size: 20px;
        
    }
    .banner .icon i{
        transition: all linear .4s;
    }
    .banner .icon i:hover{
        transform: rotate(-180deg);
        transition: all linear .4s;
    }
    .about_content h2{
        font-size: 24px;
        padding-top: 35.0px;
    }
    .about_content p{
        font-size: 16px;
        padding: 20px 20px 40px;
        color:rgb(0, 0, 0);
    }
    .about_content h2,p{
        text-align: center;
        font-family: 'lato', sans-serif;
        font-weight: 400;
        color:rgb(0, 0, 0);
    }
    .ccard_one{
        padding:45px;
    }
    
    .card_text h5{
        padding-top:20px;
        padding-bottom:20px;
        font-family: 'Lato',sans-serif;
        font-weight: 400;
        font-size: 22px;
    }
    .card_text p{
        font-family: 'Lato',sans-serif;
        font-weight: 400;
        font-size: 15px;
    }
 }
/* small device max 767 stop here */
/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width:991px) { 
    .ccard_one{
        padding:45px;
    }
    
    .card_text h5{
        padding-top:10px;
        padding-bottom:10px;
        font-family: 'Lato',sans-serif;
        font-weight: 400;
        font-size: 22px;
    }
    .card_text p{
        font-family: 'Lato',sans-serif;
        font-weight: 400;
        font-size: 16px;
    }
    .inpt1{
        width: 80%;
    }
    .inpt2{
        width:80%;
    }
    .inpt3{
        width:80%;
    }
    .leftc input{
        margin-top: 12px;
        margin-right: 10px;
    }
    .leftc p{
        margin-bottom:20px;
        color:white;
        font-family: 'Lato',sans-serif;
        font-weight: 400;
        font-size: 18px;
       
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    
  }

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }