/*--media query--*/
@media screen and (max-width:425px) {


  /*--hero--*/


  .hero-sec .image::before{

    height: 75% !important;
  }
  .hero-sec .image img{

   
    width: 250px !important;
    height: 250px !important;

}
  /*--//hero--*/
}
@media screen and (max-width:575px) {

  /*--hero--*/

  .hero-sec h2 {

    font-size: 37px;

  }
  .hero-sec .image::before{

    height: 80% !important;
  }
 
  /*--//hero--*/

  /*--products--*/

  .products-sec .image {
      
    height:400px !important;

  }
  /*--//products--*/

  /*---------------------------------------------------Home Page-----------------------------------------------------*/

  /*--news events--*/

    .news-events-sec .image {
  
       margin-bottom: 5rem !important;

    }
    .news-events-sec .date {
    
      bottom: -40px !important;

      
    }
    .news-events-sec .content:hover .date {
    
      bottom: -60px !important;
    
    }
    /*--//news events--*/

    /*--------------------------------------------------//Home Page-----------------------------------------------------*/

  
  /*--footer--*/
  
  footer:after {
    top: -1px;
  }
  /*--//footer--*/

}
@media screen and (max-width:767px) {

  
    /*--animation--*/
  /*--vector shape animate--*/
  
  @keyframes vector-shape {
      
    0%{
    
      transform:rotate(0) translate(0, 50px);
  
    }
    
    50%{
      transform:rotate(3deg) translate(15px, 20px);
  
    }
    
    100%{
        
        
      transform:rotate(0) translate(0, 50px);
  
    }
     }
     
   /*--//vector shape animate--*/
    /*--wind animate--*/


    @keyframes wind-shape{
      0%
      {
        transform: translate(0,-65px) rotate(0deg);
      }
      25%{
          transform:translate(0,-65px) rotate(-2deg);
      }
      75%{
          transform:translate(0,-65px) rotate(2deg)
      }
     }

      /*--//wind animate--*/
   /*--//animation--*/
    /*--alert--*/
  
  .alert-sec .col-lg-6{
      
      margin:0 auto;
      
  }
  /*--//alert--*/

  /*--overlay shape--*/

   .overlay-shape {
  
    transform: rotate(0) translate(0, 50px);
  
  }

  /*--//overlay shape--*/
   /*--owl carousel--*/

   .owl-theme .owl-nav {

    margin-top:3rem;
    justify-content: center;
    align-items: center;
   
    }
    /*--//owl carousel--*/

    /*--header--*/
    .navbar-light .navbar-brand {
      background-color: #fff;
      border-radius:15px;
      width: 120px;
     }

     .sticky-top .navbar-brand {

      width: 90px !important;
     }
     .navbar-light .navbar-nav .nav-item .nav-link {
     
      color:#183a52 !important;
      text-align: center;
      padding: 0.3rem 0!important;
      margin-bottom: 1.3rem;
      
    }

    .navbar-light .navbar-nav .nav-item .nav-link:before {

      background-color:#00c6d7;

    }
     .navbar-light .navbar-nav .nav-item .nav-link:hover,
     .navbar-light .navbar-nav .nav-item .nav-link:active, 
     .navbar-light .navbar-nav .nav-item .nav-link:focus, 
     .navbar-light .navbar-nav .active .nav-link{

      color: #00c6d7 !important;

    }
    
   /*--//header--*/

    /*--hero--*/

    .hero-sec {
    
        height: 100%;

    }
    .hero-sec .overlay-shape{

      z-index: 1;

    }
   
     .hero-sec:before {

        bottom: unset;
        top: 0;
        right:0;
        width: 100%;
        height: 90%;
        border-radius: 0;
        background: linear-gradient(to top , #00c6d7 , #047596 );
        transform: rotate(0);
        box-shadow:unset;

    }

    .hero-sec:after {

        top:-40px;
        background: url(../images/hero-responsive-vector.svg);
        background-position:bottom;
        background-size:contain;
        background-repeat:no-repeat;
        animation:unset; 
        opacity:1;
        z-index:-1;
      
    
    }
    
    .hero-sec .head {

      margin-top:10rem;
      margin-bottom: 0;
  
    }
    .hero-sec .head h2{

      width:100%;
    }

    .hero-sec .image {

      width: 100%;
      transform: translate(0, 70px);
      padding: 1rem 0 4rem;

  }
  .hero-sec .image::before {
  
    height: 100%;
    background-position:unset;
      transform: translate(0,-65px);
    
  }
  .hero-sec .image img{

    display: block;
    margin: 0 auto;
    width: 360px;
    height: 360px;

}
    .hero-sec .head {

        text-align: center;
        
    }

    .hero-sec .head h2{

        color:#fff


    }
    .head span{

      color: #21cbe6;

    }


    /*--//hero--*/

    /*--breadcrumb--*/

     .breadcrumb {

      max-width: 100%;
      justify-content: center;

    }

    .breadcrumb li a,
    .breadcrumb-item+.breadcrumb-item:before {

     color:#fff;
    
    }

    .breadcrumb li a i, 
    .breadcrumb li a:hover, 
    .breadcrumb li .active {

      color: #29d7f3 !important;

  }
    /*--//breadcrumb--*/


    /*--about--*/

    .about-sec .col-lg-4 .content:before{

      display: none;

    }
    .about-sec .col-lg-4 {

      padding: 0 15px;

    }
  
    /*--//about--*/

    /*--products--*/

    .products-sec .overlay {

      bottom: -17px;
      right:0;

    }
    .products-sec .content:hover .overlay {

      bottom: 0;
      right: unset;

  }

    .products-sec .image {
      
      height:auto;

    }

    /*--//products--*/


    /*---------------------------------------------------Home Page-----------------------------------------------------*/

    /*--testimonials--*/

    .testimonials-sec:before {
  
      top: -70px;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
    }

    .testimonials-sec .col-lg-6:first-child .image img {
     
      height:550px;

    }

    .testimonials-sec .owl-testimonials .box{

      height:100%;
      
    }
    /*--//testimonials--*/

    /*--news events--*/


    .news-events-sec .image {
  
      margin-bottom: 4rem;
  
    }
   
     .news-events-sec .image img {

      height: 400px;
    
    }

    .news-events-sec .date {
    
      bottom: -20px;

      
    }
    .news-events-sec .content:hover .date {
    
      bottom: -40px;
    
    }

    /*--//news events--*/

    

    /*--------------------------------------------------//Home Page-----------------------------------------------------*/

    /*-------------------------------------------------About Page------------------------------------------------------*/

    /*--team--*/

    .team-sec::before {
      
      top: 10%;
      background-size: cover;
      background-position: right;
      height: 95%;
      
    }

    /*--//team--*/

    /*-------------------------------------------------//About Page------------------------------------------------------*/
    
    /*-------------------------------------------------Products Page------------------------------------------------------*/

    .partners-sec  .image img{

      width:70%;
     
    }
    
     
    /*------------------------------------------------//Products Page------------------------------------------------------*/

    
    /*-------------------------------------------------Product Details Page------------------------------------------------------*/

    .product-details-sec .col-lg-8{

      margin-bottom: 30px;

    }

  
    /*-------------------------------------------------//Product Details Page------------------------------------------------------*/

    /*---------------------------------------------------News && Events Page------------------------------------------------------*/

    .news-events-pg-sec .image img,
    .news-events-details-pg-sec .image img{
    
       height: 100%;

     }

    /*-------------------------------------------------//News && Events Page--------------------------------------------------*/

    /*-------------------------------------------------Contact Page------------------------------------------------------*/

     /*--contact--*/

    .contact-sec .overlay-shape {
   
      z-index: 1;
      background-position: bottom;

     }
    
     .contact-sec .col-md-12:not(:last-child){

      margin-bottom: 40px;

      }
    .contact-sec .image{

      margin: 0;

     }
     .contact-sec .image img {
      
      margin:0 0 10px;
     }

    .contact-sec .content-info .content {
    
      align-items: center;
      justify-content:unset;
      height: auto;
      padding:2rem;

    }
     /*--//contact--*/
         
    /*-------------------------------------------------//Contact Page------------------------------------------------------*/

    /*--footer--*/

    footer{

      padding-top:0 !important;
    }
    footer::before {
       
      transform: scaleY(-1);

    }
    
    footer:after {
    
    top: -2px;
    }
    /*--//footer--*/

}
@media screen and (max-width:991px) and (min-width:768px) {



  /*--animation--*/
  /*--vector shape animate--*/
    @keyframes vector-shape{
      0%
      {
      
        transform:rotate(0) translate(0, 50px);
    
      }
      50%
      {
        transform:rotate(3deg) translate(15px, 20px);
    
      }
      
      100%
      
      {  
        transform:rotate(0) translate(0, 50px);
    
      }
       }
     /*--//vector shape animate--*/

    /*--wind animate--*/


     @keyframes wind-shape{
      0%
      {
        transform: translate(0,-65px) rotate(0deg);
      }
      25%{
          transform:translate(0,-65px) rotate(-2deg);
      }
      75%{
          transform:translate(0,-65px) rotate(2deg)
      }
     }

      /*--//wind animate--*/
     /*--//animation--*/
     
     /*--alert--*/
  
      .alert-sec .col-lg-6{
      
         margin:0 auto;
      
      }
      /*--//alert--*/

    /*--overlay shape--*/

     .overlay-shape {
    
      transform: rotate(0) translate(0, 50px);
  
    }

    /*--//overlay shape--*/
   /*--owl carousel--*/

   .owl-theme .owl-nav {

    margin-top:3rem;
    justify-content: center;
    align-items: center;
   
    }
    /*--//owl carousel--*/

    /*--header--*/
    .navbar-light .navbar-brand {
      background-color: #fff;
      border-radius:15px;
      width: 120px;
     }

     .sticky-top .navbar-brand {

      width: 90px !important;
     }
     .navbar-light .navbar-nav .nav-item .nav-link {
     
      color:#183a52 !important;
      text-align: center;
      padding: 0.3rem 0!important;
      margin-bottom: 1.3rem;
      
    }

    .navbar-light .navbar-nav .nav-item .nav-link:before {

      background-color:#00c6d7;

    }
     .navbar-light .navbar-nav .nav-item .nav-link:hover,
     .navbar-light .navbar-nav .nav-item .nav-link:active, 
     .navbar-light .navbar-nav .nav-item .nav-link:focus, 
     .navbar-light .navbar-nav .active .nav-link{

      color: #00c6d7 !important;

    }
    
   /*--//header--*/

    /*--hero--*/

    .hero-sec {
    
        height: 100%;

    }
    .hero-sec .overlay-shape{

      z-index: 1;

    }
    .hero-sec:before {

        bottom: unset;
        top: 0;
        right:0;
        width: 100%;
        height: 90%;
        border-radius: 0;
        background: linear-gradient(to top , #00c6d7 , #047596 );
        transform: rotate(0);
        box-shadow:unset;

    }

    .hero-sec:after {

        top:-40px;
        background: url(../images/hero-responsive-vector.svg);
        background-position:bottom;
        background-size:contain;
        background-repeat:no-repeat;
        animation:unset; 
        opacity:1;
        z-index:-1;

    
    }

   .hero-sec .head {

      margin-top:10rem;
      margin-bottom: 0;
  
    }
    .hero-sec .head h2{

      width:100%;
    }
    .hero-sec .image {

        width: 100%;
        transform: translate(0, 70px);
        padding: 1rem 0 4rem;

    }
    .hero-sec .image::before {
    
      height: 100%;
      background-position:unset;
        transform: translate(0,-65px);
      
    }
    .hero-sec .image img{

      display: block;
      margin: 0 auto;

  }
    .hero-sec .head {

        text-align: center;
        
    }

    .hero-sec .head h2{

        color:#fff


    }
    .head span{

      color: #21cbe6;

    }


    /*--//hero--*/

    /*--breadcrumb--*/

    .breadcrumb {

      max-width: 100%;
      justify-content: center;

    }

    .breadcrumb li a,
    .breadcrumb-item+.breadcrumb-item:before {

     color:#fff;
    
    }

    .breadcrumb li a i, 
    .breadcrumb li a:hover, 
    .breadcrumb li .active {

      color: #29d7f3 !important;

  }
    /*--//breadcrumb--*/

    /*--about--*/

    .about-sec .col-lg-4 .content:before{

      display: none;

    }
    .about-sec .col-lg-4 {

      padding: 0 15px;

    }
   
    /*--//about--*/

    /*--products--*/

    .products-sec .image {
      
      height:auto;

    }
    /*--//products--*/


    /*---------------------------------------------------Home Page-----------------------------------------------------*/

    /*--testimonials--*/

    .testimonials-sec:before {
  
      top: -70px;
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
    }

    .testimonials-sec .col-lg-6:first-child .image img {
     
      height: 600px;
     }

    .testimonials-sec .owl-testimonials .box{

      height:100%;

    }
    /*--//testimonials--*/

    /*--------------------------------------------------//Home Page-----------------------------------------------------*/


    /*-------------------------------------------------About Page------------------------------------------------------*/

    /*--team--*/

    .team-sec::before {
      
      top: 10%;
      background-size: cover;
      background-position: right;
      height: 95%;
      
    }

    /*--//team--*/

    /*-------------------------------------------------//About Page------------------------------------------------------*/
    
     
    /*-------------------------------------------------Products Page------------------------------------------------------*/

    .partners-sec  .image img{

      width:70%;
     
    }
    
     
    /*------------------------------------------------//Products Page------------------------------------------------------*/



    /*-------------------------------------------------Product Details Page------------------------------------------------------*/

    .product-details-sec .col-lg-8{

      margin-bottom: 30px;

    }

    /*-------------------------------------------------//Product Details Page------------------------------------------------------*/

    /*---------------------------------------------------News && Events Page------------------------------------------------------*/

    .news-events-pg-sec .image img,
    .news-events-details-pg-sec .image img{
    
       height: 100%;

     }

    /*-------------------------------------------------//News && Events Page--------------------------------------------------*/

    /*-------------------------------------------------Contact Page----------------------------------------------------------*/


    /*--contact--*/

    .contact-sec .col-md-12:not(:last-child){

      margin-bottom: 40px;

    }
    .contact-sec .image{

      margin: 0;

     }
    .contact-sec .image img {
      
      margin:0 0 10px;
    
     }
     .contact-sec .content-info .content {
    
      align-items: center;
      justify-content:unset;
      height: auto;
      padding:2rem;

    }
     /*--//contact--*/
         
         
    /*-------------------------------------------------//Contact Page------------------------------------------------------*/

    /*--footer--*/

    footer{

      padding-top:30px !important;
    }
    footer::before {
       
      transform: scaleY(-1);
      

    }
    footer:after {
    
      top: -2px;
    
        
    }
    /*--//footer--*/



}
@media screen and (max-width:1024px) and (min-width:992px){

      /*--animation--*/
     /*--vector shape animate--*/
     @keyframes vector-shape{
         
        0%
        {
        
          transform:rotate(0) translate(5px, 58px);
      
        }
        
        50%
        {
          transform:rotate(3deg) translate(0, 70px);
      
        }
        
        100%
        
        {  
          transform:rotate(0) translate(5px, 58px);
      
        }
         }
       /*--//vector shape animate--*/
      /*--//animation--*/

       /*--overlay shape--*/

     .overlay-shape {
    
      transform: rotate(0) translate(5px, 58px);
    }

    /*--//overlay shape--*/
    
     /*--header--*/
     
    .navbar-light .navbar-brand {
        
      background-color: #fff;
      border-radius:15px;
      
     }

    /*--//header--*/

    /*--hero--*/

    .hero-sec {
    
        height:600px;

    }
  
    .hero-sec:before {

        bottom: unset;
        top: 0;
        right:0;
        width: 100%;
        height:100%;
        border-radius: 0;
        background: linear-gradient(to top , #00c6d7 , #047596 );
        transform: rotate(0);
        box-shadow:unset;

    }

    .hero-sec:after {

       top:100px;
       background: url(../images/hero-responsive-vector.svg);
       background-position: bottom;
       background-size: contain;
       background-repeat: repeat-x;
       animation: unset;
        opacity:1;
        z-index:-1;

    
    }

  .hero-sec .head {

      margin-top:10rem;
      margin-bottom: 0;
  
    }
    .hero-sec .head h2{

      width:100%;
    }

    .hero-sec .image {

      width: 100%;
      transform: translate(0, 70px);

  }
  .hero-sec .image::before {
  
    height:400px;
    
  }


 .hero-sec .image img{

  width:300px;
  height: 300px;


 }
  
    
    .hero-sec .head h2{

        color:#fff


    }
    .head span{

      color: #21cbe6;

    }

  /*--//hero--*/

  /*--breadcrumb--*/


    .breadcrumb li a,
    .breadcrumb-item+.breadcrumb-item:before {

     color:#fff;
    
    }

    .breadcrumb li a i, 
    .breadcrumb li a:hover, 
    .breadcrumb li .active {

      color: #29d7f3 !important;

  }
    /*--//breadcrumb--*/

    /*---------------------------------------------------Home Page-----------------------------------------------------*/

    /*--testimonials--*/

    .testimonials-sec:before {

        top: -60px;
        width: 100%;
        height: 100%;
    }
    /*--//testimonials--*/


    .testimonials-sec .col-lg-6:first-child .image img {
    
      height: 450px;

  }

    /*-------------------------------------------------// Home Page-----------------------------------------------------*/


    /*--footer--*/

    footer::before {
       
        transform: scaleY(-1);

    }
    /*--//footer--*/


}
@media screen and (max-width:1185px) and (min-width:1025px){

    /*--animation--*/
    /*--vector shape animate--*/
    
@keyframes vector-shape{
    0%
    {
    
      transform:rotate(0) translate(-5px, 58px);
  
    }
    50%
    {
      transform:rotate(3deg) translate(0, 70px);
  
    }
    
    100%
    
    {  
      transform:rotate(0) translate(-5px, 58px);
  
    }
}


   /*--//vector shape animate--*/
   
  /*--//animation--*/
  

   /*--overlay shape--*/

   .overlay-shape {
    
    transform: rotate(0) translate(-5px, 58px);
  }

  /*--//overlay shape--*/

  
    /*--hero--*/


    .hero-sec:before {
  
  
     width:600px
    }

    .hero-sec .image {

        width: 550px;
        transform: translate(0px, 100px);
  
    }
    .hero-sec .image::before {
    
      height: 500px;
      
    }

  
   .hero-sec .image img{

    width:370px;
    height: 370px;


   }
    

    /*--//hero--*/
   
    /*--testimonials--*/

    .testimonials-sec .col-lg-6:first-child .image img {
    
      height: 450px;

  }
   /*--//testimonials--*/

}
@media screen and (max-width:1316px) and (min-width:1186px){


    /*--hero--*/

    
    .hero-sec:before {
  
  
      width:620px

    }
 

    .hero-sec:after{

        background-position: top;

    }
     

    .hero-sec .image{

    
      width: 600px;
      transform: translate(-80px, 130px);
    
     }

    
     .hero-sec .image img{

      width: 400px;
      height: 400px;


     }
    /*--//hero--*/

}
/*--//media query--*/