/************For Laptop****************/

/* For 1366 Resolution */  
@media only screen   
and (min-width: 1030px)   
and (max-width: 1366px)  
{
    .nav-item {
      font-weight: 500;
      font-size: 12px !important;
  }

  nav.navbar.navbar-expand-lg.navbar-dark.bg-light.fixed-top {
    width: 100%;
}
iframe.i-frame {
  width: 500px !important;
  height:350px !important;
}
section.top-header.fixed-top {
  width: 100% !important;
}
/* 
  iframe.if-width {
    width: 700px !important;
    padding: 8px;
} */
  /*topbar*/
  h3.inno-top-text {
    font-size: 22px!important;
  } 
  h6.top-sub-heading {
    font-size: 16px!important;
  }
  img.logo {
    width: 180px !important;
}
img.logo1 {
  width: 320px !important;
}
  .fixed-top {
    position: fixed;
    top: 0;
    right: 75px;
    left: 0px;
    z-index: 1018;
  }
  /*navbar*/
  .nav-item {
    font-size: 12px!important;
  }
  nav.navbar.navbar-expand-lg.navbar-dark.bg-light {
    margin-top: 70px !important; 
  }
  .navbar-toggler-icon {
    height: 1.2em;
  }
  button.navbar-toggler {
    margin-top: 10px;
  }
  /***/
  section.page-header1 {
    height: 135px!important
  }
  ul.page-indo {
    padding-top: 28px;
  }
  nav.navbar.navbar-expand-lg.navbar-dark.bg-light {
    width: 1200px;
  }
  section.top-header.fixed-top {
    width: 1200px;
  }

  .slider-blog{
    height: 330px !important;
  }

  section.slider{
    margin-top: 120px !important;
  }

  p.h10{
    font-size: 11px;
  }
  .carousel-inner{
    height: 328px;
  }
} 

/* For 1024 Resolution */  
@media only screen and (min-device-width : 768px) 
and (max-device-width : 1024px)  
{ 
  iframe.if-width {
    width: 532px !important;
    padding: 8px;
}
 /*topbar*/
  h3.inno-top-text {
    font-size: 22px!important;
  } 
  h6.top-sub-heading {
    font-size: 16px!important;
  }
  img.logo {
    width: 180px !important;
  }

  img.logo1 {
   
  }
  .fixed-top {
    position: fixed;
    top: 0;
    right: 75px;
    left: 0px;
    z-index: 1018;
  }
  /*navbar*/
  .nav-item {
    font-size: 10px!important;
  }
  nav.navbar.navbar-expand-lg.navbar-dark.bg-light {
    margin-top: 75px !important; 
  }
  .navbar-toggler-icon {
    height: 1.2em;
  }
  button.navbar-toggler {
    margin-top: 10px;
  }
  /***/
  section.page-header1 {
    height: 135px!important
  }
  ul.page-indo {
    padding-top: 28px;
  }
  nav.navbar.navbar-expand-lg.navbar-dark.bg-light {
    width: 1200px;
  }
  section.top-header.fixed-top {
    width: 1200px;
  }
  .slider-home{
    margin: top -19px;
  }
  
}
/* For 420 Resolution */  
@media only screen and (min-width: 600px)   
and (max-width: 700px)  
{
  iframe.i-frame {
    width: 342px !important;
    height:350px !important;
  }
  .sec1 {
    margin-top: -6px;
  }
  .col-sm-1 {
    width: 45%;
    flex: 0 0 0.333333% !important;
  }
  .col-md-4 {
    width: 33%;
  }
  .col-md-3 {
    width: 40%;
  }

  h3.inno-top-text {
    font-size:13px !important;
  }
  h6.top-sub-heading {
    font-size:12px !important;
  }
  img.logo1 {
    width: 141px !important;
  }
  img.logo {
    width: 140px;

  } 
}

/* For Mobile */  
/* For 420 Resolution */  
@media only screen and (min-width: 420px)   
and (max-width: 580px)  
{
  iframe.i-frame {
    width: 330px !important;
    height:350px !important;
  }
  .sec1 {
    margin-top: -21px;
    margin-left: 11px;
}
.text-dark {
  font-size: 9px !important;
}
  .col-sm-1 {
    width: 45%;
  }
  .col-md-4 {
    width: 33%;
  }
  .col-md-3 {
    width: 40%;
  }
  .home-slideshow {
    height: 201px;
  }
  .about.cd {
    display: none;
}

  h3.inno-top-text {
    font-size:9px !important;
  }
  h6.top-sub-heading {
    font-size:7px !important;
  }
  img.logo1 {
    width: 90px !important;
}
  img.logo {
    width: 140px!important;

  } 
  .box-link {
    FONT-SIZE: 11PX !important;   
}
}
/* For 420 Resolution */  
@media only screen   
and (min-width: 320px)   
and (max-width: 420px)  
{
  iframe.i-frame {
    width: 310px !important;
    height:350px !important;
  }
  .box-link {
    FONT-SIZE: 11PX !important;   
}
.home-slideshow {
  height: 166px !important;

}
  .sec1 {
    margin-top: -6px;
  }
  .text-dark {
    font-size: 8px !important;
  }
  .col-sm-1 {
    width: 45%;
  }
  .col-md-4 {
    width: 33%;
  }
  .col-md-3 {
    width: 40%;
  }
  .about.cd {
    display: none;
}
  h3.inno-top-text {
    font-size:9px !important;
  }
  h6.top-sub-heading {
    font-size:8px !important;
  }
  h6.card-text.text-center {
    font-size: 15px !important;
}
  img.logo1 {
    width: 141px !important;
  }
  img.logo {
    width: 140px!important;

  } 
}