@media only screen and (min-width: 1441px) {

   
    .login-page .left {
        width: 100%;
    }
    .login-page .right {
        width: 100%;
    }
    
}
@media only screen and (max-width: 1200px) {
    .collect-data .image1 {
        margin-left: 80px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 8px;
        padding-left: 0px;
    }
    
    
      .nav-link {
        margin-left: 7px;
        margin-right: 7px;
        color: #555555;
        text-transform: uppercase;
    }
  
   .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 0px;
        padding-left: 0px;
        font-size: 11px;
    }

   
}
@media only screen and (max-width: 1080px) {
 
    .owl-carousel {
        width: 100%;
        height: 400px;
        z-index: 1;
        overflow: hidden !important;
    }
    .slide-content {
        top: 25%;
    }

    .main h2{
        font-size:25px;
    }

    .collect-data .image1 {
        margin-left: 138px;
        width: 34%;
    }
    .collect-data .image2 {
        top: 66px;
        height: 88%;
    }
    .collect-data .image2 {
        left: 37px;
    }
 

  
    .slide-content h1 {
        font-size: 35px;
    }
    .slide-content p {
        padding: 0px 35px;
    }
    .product-service .card-service h5 {
        font-size: 15px;
    }

}



@media only screen and (max-width: 1024px) {
    .logo {
        width: 90px;
    }
    .logo img{
        width:100px;
    }
    .bar ul li {
        padding-right: 3%;
    }

    .nav-link {
        font-size: 12px;
    }
    
    
}
@media only screen and (max-width: 967px) {
   
   .mobile-menu-btn{
    display: block;
   }
    

}
@media only screen and (max-width: 800px) {
   .about p {
        padding-top: 0px;
        margin-top: -10px;
    }

    .owl-carousel {
        height: 150px;
    }
    .slide-content {
        top: 31%;
    }
    .slide-content h1 {
        font-size: 25px;
    }
    .slide-content p {
        font-size: 15px;
    }

    .main p{
        padding-left:5px;
        padding-right:5px;
    }

    .main-area {
        margin-top: 60px;
    }
 

    .media-management .right img {
        height: 175px;
    }
  
  
    .social h2{
        font-size:15px;
    }

    .login-page .right {
        margin-top: 37px;
        margin-bottom: 90px;
        width: 100%;
    }
    .login-page .left {
        margin-left: -115px;
    }
    .login-page .left {
        margin-top: 37px;
        width: 156%;
    }


    .registraion-page .left {
        margin-left: -105px;
        width: 140%;
    }
    .registraion-page .right {
        width: 100%;
    }

    .contact-form {
       padding:35px;
    }
    .poll .left img {
        height: 320px;
    }
 
    .bar ul li {
        padding-right: 22px;
    }
    .media .right .social-design {
        width: 100%;
        padding-top: 20%;
    }

    .product-service .card-service .image img {
        height: 250px;
    }
    
}
@media only screen and (max-width: 768px) {
    body{
        font-size: 14px;
    }
    .chart img {
        height: 250px;
    }
    .navbar-collapse {
        padding: 20px 190px;
    }
 
    .what-do p {
        margin-bottom: 5px;
    }
    .what-do h2 {
        margin-bottom: 6px;
    }

    .media-management .right img {
        width: 89%;
    }
    .collect-data .image1 {
        margin-left: 92px;
    }
    .collect-data .image2 {
        top: 49px;
        height: 43%;
    }
    .collect-data .image2 {
        left: 22px;
    }
    .message p, .message h2 {
        margin-left: 0px;
    }
    .goal h2 {
        margin-left: 0px;
        margin-right: 0px;
    }
    .goal ul {
        padding-left: 0rem;
        padding-right:10px;
    }
    .about .img-fluid {
        padding-top: 37px;
    }
    .mission .para {
        padding-right: 20px;
    }
    .media .right .social-design {
        width: 137%;
        padding-top: 30%;
    }
    .media-bg {
        height: 250px;
    }
    .media-bg {
        height: 250px;
    }
    .share-data {
        margin-top: 25px;
        padding-bottom: 50px;
        padding-top: 10px;
    }
    .mx-5 {
        margin-right: 5px !important;
        margin-left: 5px !important;
    }
}


@media only screen and (max-width: 600px) {
    .subscribe-form .form-text {
    margin-left: 0px;
    }
    /* .data .data-div height removed — grid auto-sizes to content */
}

@media only screen and (max-width: 576px) {
    .slide-content p {
    padding: 0px 0px;
    }

    /* .data .data-div height removed — grid auto-sizes to content */
    .main-area {
        margin-top: 0px;
    }
    .bg-about {
      margin-bottom:0px;
      height:200px;
    }
    .mission {
        margin-top: 0px;
    }
    .goal ul {
        padding-top: 0px;
    }
    .about .px-5{
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .media .right {
      margin-top: 30px;
    }
    .about p {
        padding-top: 10px;
        margin-top: 0px;
    }
    .database h2 {
     font-size: 17px;
    }
   
    .goal {
        padding-top: 0px;
        margin-top: 0px;
    }
        


    .message{
        margin-top:30px;
    }
     
    h1{
        font-size:25px;
    }
   .h3, h3 {
    font-size: 17px;
}
.slide-content {
    top: 49%;
    padding: 8px;
}
    
    .subscribe-form {
        padding-top: 20px;
        padding-left: 50px;
        padding-bottom: 10px;
    }

    .owl-dots {
        bottom: 1%;
    }
  
    .navbar-collapse {
        padding: 20px 68px;
    }
 .collect-data {
    margin-top: 23px;
    padding-top: 36px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 77px;
}

    .what-do {
        margin-top: 40px;
    }
    
    .what-do .right{
        padding-top:30px;
    }
    .data .data-div {
        padding-left: 50px;
    }
.product-service .card-service .image img {
    height: 251px;
}

    .btn-group-lg > .btn, .btn-lg {
        padding: 2px 3px;
    }
    .collect-data {
    margin-top: 23px;
    padding-top: 36px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 77px;
}
    .collect-data .image1 {
        margin-left: 27px;
        width: 34%;
    }
    .collect-data .image2 {
        top: 42px;
        left: -12px;
        height: 100px;
    }
    .service {
        margin-top: 28px;
    }
    .all-service {
        margin-top: -30px !important;
    }
    .media-management {
        margin-top: 63px;
        text-align: justify;
    }

    .login-page .left {
        margin-top: 43px;
        width: 79%;
        background-position: center;
        margin: 0 auto;
    }
    .login-page .box{
        flex-direction: column-reverse;
    }
    .media-management .right img {
        height: 165px;
    }
    .subscribe-form .form-text {
     margin-left: -31px;
}
    .subscribe {
        margin-top: 0px;
    }
    .subscribe-form {
        padding-top: 16px;
        padding-left: 37px;
        padding-bottom: 10px;
    }

    .login-page .left .bottom {
        margin-top: 71px;
    }
    .login-page .right {
        margin-top: 43px;
        width: 79%;
        margin: 0 auto;
    }
 
    .menu .search-icon, .menu .menu-icon {
        margin-right: 35px;
    }
    .login-page .left {
        width: 100%;
    }
    .login-page .right {
        width: 100%;
    }
 
  
    .contact-page iframe {
        width: 100%;
        height: 360px;
    }
    .contact-page .right {
        margin-top:20px;
    }
    .number {
        width: 70px;
        height: 70px;
    }
    .inner-number {
        width: 70px;
        height: 70px;
        padding-top:22px;
    }
    .polls-bg {
        height: 226px;
    }

    .poll .left{
        text-align:center;
    }
    .poll .left img {
        height: 230px;
    }
    .poll .right {
        padding-top: 50px;
        text-align:center;
    }
    .bar ul li {
        padding-right: 10px;
    }
 
    
    .media .right .social-design {
        width: 110%;
        padding-top: 23%;
    }
    .share-data .left img {
        height: 260px;
    }
    .database {
        margin-top: 30px;
    }
    .media-management ul {
      padding-right:0px;
    }

    .footer .footer-content{
        flex-direction: column;
    }
}


@media only screen and (max-width: 400px) {
   .btn {
    padding: 3px 5px;
}
   
    .login-page .left {
        width: 102%;
    }
    .search-btn {
        width: 33%;
    }
    .media-management .right {
        padding-left: 10px;
    }
  
    .contact-page {
        margin-top: 23px;
    }
    .contact-form {
        padding: 13px;
    }
    .poll {
        margin-top: 7px;
    }
  
    .px-5 {
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .show-all {
        padding: 8px 14px;
        width:99px;
    }
   .service-box  .col-6 {
        padding-right:0px !important ;
        padding-left:0px !important ;
    }
    .product-service .card-service h5 {
        padding: 7px 6px;
    }
    .product-service .btn {
        padding: 5px 14px;
    }
    .main-area .main p {
        text-align: center;
    }
    .subscribe-form .form-text {
        margin-left: 0px;
    }
    .main-area h4 {
        padding: 5px;
    }
  .chart img {
    height: 200px;
}

}


@media only screen and (max-width: 319px) {
   
     .data .data-div {
       
        padding-left: 0px;
    }

.product-service .card-service .image img {
    height: 195px;
}
  .px-5 {
	padding-right: 10px !important;
	padding-left: 10px !important;
}
  .header .right li {
	margin: 17px 5px;
}
.navbar-collapse {
	padding: 20px 30px;
}
 
    .slide-content {
        padding: 0 0%;
    }
    .btn {

        padding: 2px 5px;
        font-size: 12px;
    }
    .slide-content h1 {
        font-size: 12px;
    }
    .service i {
        padding-left: 1px;
    }
    .btn-group-lg > .btn, .btn-lg {
        padding: 0px 2px;
        font-size: 13px;
    }
    .collect-data .image1 {
        margin-left: 4px;
        width: 42%;
    }
    .collect-data .image2 {
        top: 30px;
        left: -15px;
        height: 76px;
    }
    .media-management .right {
        padding-left: 10px;
    }
    .service .card {
        height: 83% !important;
    }

 
   

    .login-page .left {
        padding: 19px;
        height:230px;
    }
    .login-page .right {
        height: 550px;
        padding: 3px 19px;
    }
    .login-page .col-6{
        width:100%;
    }
    .login-page {
        height: 769px;
    }

    .contact-page iframe {
        width: 99%;
        height: 258px;
    }
  
    .poll .right button{
        margin-bottom:10px;
    }
    .btn1 {
        padding: 5px 8px;
    }
   .media-bg .content {
    width: 94%;
}
    .media-bg {
        height: 222px;
    }
    .media .right .social-design {
        width: 150%;
        padding-top: 37%;
    }
  
    .share-data .left img {
        height: 200px;
    }
}