@media only screen and (min-width: 1200px) {
    .analytics .middle strong{
        font-size: 18px;
    }
    .analytics .middle span{
        font-size: 12px;
        line-height: 19px
    }
}
@media only screen and (min-width: 992px) {
    .industry-three span{
        font-size: 20px;
    }
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 992px) {

    header .navbar-nav{
        background-color: #4532ff;
    }
    header .navbar .nav .nav-item .nav-link{
        padding: 5px 10px !important;
    }
    header .navbar .nav .nav-item:nth-child(2) .nav-link{
        border-right: 1px solid #e9e9e9;
        padding-right: 10px !important;

    }
    header .navbar .nav .nav-item:last-child{
        display: none;
    }

}
@media only screen and (max-width: 768px) {
    header{
        text-align: center
    }
    header p{
        text-align: center;
        margin-bottom: 50px;
    }
    header .imgGrafic span{
        line-height: 1.6vw;
        font-size: 1.6vw;
    }
    section.about .content,
    section.about .content p{
        text-align: center;
    }
    section.about .content h2{
        margin-top: 0px;
    }

    section.solution .content h2{
        right: -5%;
        top: -40px
    }
    section.solution .content,
    section.smart-energy .content{
        clear: both;
        width: 100%;
    }
    section.solution .left-image img,
    section.smart-energy .left-image img{
        margin-top: 20px;
        width: 100%;
    }
    section.solution h4{
        padding-top: 20px;
    }

    .pt{
        padding-top: 40px;
    }

    section p{
        text-align: left;
    }
    .title{
        text-align: center ;
    }
    footer .col-12 h5{
        text-align: left;
        margin-top: 10px
    }
    footer .col-12 h6{
        text-align: left;
    }
    footer .text p,
    footer .text{
        text-align: center ;
    }
    footer{
        padding-top: 30px;
    }
    footer .subscrib,.footer-bottom p{
    border:none;
    }
    footer .subscrib form{
        padding-bottom: 0;
        margin-bottom: 0;
    }

    section.blog .category ul{
        display: none;
    }

    section.services-content .img{
        width: 100%;
    }section.services-content .text{
        width: 100%;
    }

    section.product-details-contents .view img{
        width: 100%;
    }
    section.product-listing-contents .categories ul,
    section.product-listing-contents .brands ul{
        display: none;
    }
    section.product-listing-contents .col-md-3 h6{
        padding: 10px 0;
    }

}


@media only screen and (min-width: 768px) {
    section.services-content .img{
        width: 55%;
    }section.services-content .text{
        width: 45%;
    }
}


@media only screen and (max-width: 576px) {
    h1{
        font-size: 40px;
    }
    header .navbar .navbar-brand img{
        height: 60px;
    }
    section.contact h2 {
        font-size: 25px;
    }
    section.contact .content {
    padding: 40px 0;
}
    footer .col-12 form .input-group{
        flex-direction: column
    }
    footer .col-12 form .input-group input{
        width: 100%;
        border-radius: 5px !important;
        border-color: #888;
    }
    footer .col-12 form .input-group button{
        width: 100%;
        border-radius: 50px;
    }

    section.government-contents img{
        width: 100%;
        float: none;
        margin: 0;
    }
    header .navbar .drop ul{
	background: #fff;
	list-style: none;
	padding: 0;
	margin: -170px 0px;
	position: absolute;
	left: 0;
	min-width: 190px;
	z-index: 9999;
	display: none;
}


}