/* ****************************************** */
/* ----------- Android mobile ----------- */
/* ----------- Galaxy S4, S5 and Note 3 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 640px) {
     /* Student and product  */
     .student_section {
      padding-top: 20px;
    }
    #new_prodcut {
      padding-top: 55px;
    }
    .mobile_prdouct_video {
      padding-top: 25px;
    }
    #information-area .mobile_studen_video {
      margin-bottom: 0px;
    }
    .locate_us_map {
      width: 280px;
    }
    section#information-area {
      padding: 60px 0 0 0;
  }
  section#works-area {
    padding: 20px 0px;
  }
}

/* Portrait */
@media screen 
  and (min-width: 320px) 
  and (max-width: 640px) 
  and (orientation: portrait) {
    .locate_us_map {
        width: 320px;
    }
    section#works-area div.col-12.col-lg-5 ul{
      padding-left: 10px;
      margin-left: 0px;
    }
}

/* Landscape */
@media only screen and (min-width: 360px) and (max-width: 640px) and (orientation: landscape) {
    .carousel-inner .carousel-item {
      height: 275px !important;
    }
    .carousel-inner .carousel-item img{
      height: 275px !important;
    }
    .carousel-inner .carousel-item img.minwidth {
      width: 230px !important;
      align-items: center;
      margin: auto;
    }
    /* team image  */
    #signup-area div img {
      height: 252px !important;
   }
}

/* ----------- Galaxy S6 ----------- */

/* Portrait and Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) {
    section#works-area {
      padding: 0px 0px;
    }
}

/* Portrait */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {

}

/* Landscape */
@media screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: landscape) {

    /* team image  */
    #signup-area img {
      height: 254px !important;
   }
}

/* ------------------------------ */
/* Unsized vivo 19 pro*/
@media screen and (orientation:landscape)
and (min-device-width: 1400px) 
and (max-device-width: 2400px) {

  #signup-area img { 
    height : 250px !important;
  }
}

/* ------------------------------ */
/* Unsized Huawei Honor 9*/
@media screen and (orientation:landscape)
and (min-device-width: 760px) 
and (max-device-width: 790px) {
   /* Menu */
   nav .custom-navbar {
      width: 100%;
      margin: 0;
    }
    .custom-navbar .navbar-toggler {
      float: right;
      margin-right: 20px;
    }
    div#navbarSupportedContent li.nav-item {
      margin-left: 0;
      text-align: center;
      border-bottom: 1px solid #ccc;
    }
    .navbar-collapse.collapse {
      width:100%;
    }
    .navbar-collapse.collapse .mr-auto.mx-auto {
      margin-right: none !important;
    }
    .navbar-collapse.collapse .float-right  {
      float:none !important;
    }
    .locate_us_map {
        width: 300px;
    }
    section#works-area {
      padding: 30px 0 20px;
    }
    #signup-area .team-body {
      height: 100%;
    }
    #signup-area .team-body .team-content {
      margin-top: 50%;
    }
    #signup-area .align-middle {
      margin-top: 6%;
    }
    #platform-area .align-middle {
      margin-top: 18%;
    }

    .navbar-collapse.collapse {
      width:100%;
    }
    .navbar-collapse.collapse .mr-auto.mx-auto {
      margin-right: none !important;
    }
    .navbar-collapse.collapse .float-right  {
      float:none !important;
    }
    
    /* Banner 2nd image fix */
    .item-two .carousel-caption h5, .item-two .carousel-caption h6 {
      top: -123px;
      width: 220px;
      left: -92px;
     } 
     .item-two .carousel-caption h6 {
       left: 466px;
       top: 163px !important;
     }  
}
@media screen and (orientation:landscape)
and (min-device-width: 830px) 
and (max-device-width: 992px) {
   /* Menu */
   nav .custom-navbar {
      width: 100%;
      margin: 0;
    }
    .custom-navbar .navbar-toggler {
      float: right;
      margin-right: 20px;
    }
    div#navbarSupportedContent li.nav-item {
      margin-left: 0;
      text-align: center;
      border-bottom: 1px solid #ccc;
    }
    .navbar-collapse.collapse {
      width:100%;
    }
    .navbar-collapse.collapse .mr-auto.mx-auto {
      margin-right: none !important;
    }
    .navbar-collapse.collapse .float-right  {
      float:none !important;
    }
    .locate_us_map {
        width: 300px;
    }
    section#works-area {
      padding: 30px 0 20px;
    }
    #signup-area .team-body {
      height: 100%;
    }
    #signup-area .team-body .team-content {
      margin-top: 50%;
    }
    #signup-area .align-middle {
      margin-top: 6%;
    }
    #platform-area .align-middle {
      margin-top: 18%;
    }

    /* Banner 2nd image fix */
    .item-two .carousel-caption h5, .item-two .carousel-caption h6 {
      top: -123px;
      width: 220px;
      left: -92px;
     } 
     .item-two .carousel-caption h6 {
       left: 489px;
       top: 180px !important;
     }  
}
/* ------------------------------ */
/* ----------- iPhone----------- */
/* ----------- iPhone 5 and SE ----------- */
/* Only iPhone 5 (portrait mode) */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (orientation:portrait)
{   
    /* Menu */
    .custom-navbar a#logo img{
      width: 196px;
      height: 29px;
    }
    /* Student and product  */
    .student_section {
      padding-top: 20px;
    }
    #new_prodcut {
      padding-top: 55px;
    }
    .mobile_prdouct_video {
      padding-top: 25px;
    }
    #information-area .mobile_studen_video {
      margin-bottom: 0px;
    }
    .locate_us_map {
      width: 280px;
    }
    section#works-area ul li {
      font-size: 14px;
      margin-bottom: 12px;
    }
    .carousel-inner .carousel-item {
      height: 275px !important;
    }
    .carousel-inner .carousel-item img{
      height: 275px !important;
    }

    section#works-area div ul li {
      margin-bottom: -10px;
    }
    section#works-area div.col-12   ul{
      padding-top: 29px;
      margin-left: -33px;
    }
    section#works-area {
      padding: 0px 0px;
    }
}

/* Only iPhone 5 (landscape mode) */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px)
and (-webkit-device-pixel-ratio: 2) and (orientation:landscape)
{
     /* Student and product  */
     .student_section {
        padding-top: 20px;
      }
      #new_prodcut {
        padding-top: 55px;
      }
      .mobile_prdouct_video {
        padding-top: 25px;
      }
      #information-area .mobile_studen_video {
        margin-bottom: 0px;
      }
      section#works-area ul li {
        font-size: 14px;
        margin-bottom: 12px;
      }
      .locate_us_map {
        width: 520px;
      }
      .carousel-inner .carousel-item {
        height: 230px !important;
      }
      .carousel-inner .carousel-item img{
        height: 230px !important;
      }
      section#works-area div ul li {
        margin-bottom: -10px;
      }
      section#works-area div.col-12   ul{
        padding-top: 29px;
        margin-left: -33px;
      }
      .carousel-inner .carousel-item img.minwidth {
        width: 230px !important;
        align-items: center;
        margin: auto;
      }
      .studen_video_container, .product_video_container {
          width: 69%;
      }
      /* team image  */
      #signup-area img {
          height: 235px !important;
      }
      
}


/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
    /* Student and product  */
    .student_section {
      padding-top: 20px;
    }
    #new_prodcut {
      padding-top: 55px;
    }
    .mobile_prdouct_video {
      padding-top: 25px;
    }
    #information-area .mobile_studen_video {
      margin-bottom: 0px;
    }
    .locate_us_map {
      width: 280px;
    }
    section#works-area {
      padding: 0px 0px;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
  and (min-device-width: 665px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
    .locate_us_map {
      width: 520px;
    }
    .carousel-inner .carousel-item {
      height: 275px !important;
    }
    .carousel-inner .carousel-item img{
      height: 275px !important;
    }
    .carousel-inner .carousel-item img.minwidth {
      width: 350px !important;
      align-items: center;
      margin: auto;
    }
    div#worksCarousel .carousel-indicators {
      bottom: 5px;
    }
    #works-area .col-12 ul {
      margin-left: -15px;
      padding-left: 0px;
      padding-top: 0px;
    }
    iframe.studen_video_container, iframe.product_video_container {
        width: 62% !important;
    }
    /* team image  */
    #signup-area img {
      height: 235px !important;
   }
    
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
    /* Student and product  */
    .student_section {
      padding-top: 20px;
    }
    #new_prodcut {
      padding-top: 55px;
    }
    .mobile_prdouct_video {
      padding-top: 25px;
    }
    #information-area .mobile_studen_video {
      margin-bottom: 0px;
    }
    .locate_us_map {
      width: 280px;
    }
}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    .carousel-inner .carousel-item {
      height: 275px !important;
    }
    .carousel-inner .carousel-item img{
      height: 275px !important;
    }
    #works-area .col-12 ul {
      margin-left: -15px;
      padding-top: 16px;
    }
    section#works-area {
      padding: 0px 0px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
    .carousel-inner .carousel-item {
      height: 275px !important;
    }
    .carousel-inner .carousel-item img{
      height: 275px !important;
    }
    .carousel-inner .carousel-item img.minwidth {
      width: 450px  !important;
      align-items: center;
      margin: auto;
    }
    .studen_video_container, .product_video_container {
      width: 100% !important;
    }
    .info-area-right.mobile_studen_video{
      width: 100% !important;
      float: none;
    }
    .student_section .info-area-left {
      width: 100% !important;
    }
    #new_prodcut .info-area-right {
      width: 100% !important;
    }
    #new_prodcut .info-area-left {
      width: 100% !important;
    }
    .product_video_container {
      margin-left: 0 !important;
    }
    div#worksCarousel .carousel-indicators {
      bottom: 5px;
    }
    #works-area .col-12 ul {
      margin-left: -15px;
      padding-left: 10px;
      padding-top: 0px;
    }
    #platform-area .d-block{
      height: none !important;
    }
    .locate_us_map {
      width: 500px;
    }
    iframe.studen_video_container, iframe.product_video_container {
      width: 62% !important;
  }
  section#works-area {
    padding:10px 0px !important;
  }
  #works-area .col-12 ul {
    margin-top: 0px !important;
  }
  div#worksCarousel .carousel-indicators {
    bottom: 55px !important;
  }
  section#works-area .col-12.col-lg-5 {
    margin-top: -40px;
  }
  /* team image  */
  #signup-area img {
      height: 235px !important;
  }

}






/* ****************************************** */
/* ----------- iPad ----------- */
/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
    #worksCarousel ol.carousel-indicators li div {
      display: none;
    }
    #worksCarousel .carousel-control-prev {
      display: none;
    }
    #worksCarousel .carousel-control-next {
      display: none;
    }
    #works-area .col-12.float-left{
      margin-left: 0px;
    }
    #works-area .col-12.float-right.how-text{
      margin-left: 0px;
    }
    #works-area .col-12.float-right.how-text ul{
      display: block;
    }
    .carousel-inner .carousel-item {
      height: 420px  !important;
    }
    .carousel-inner .carousel-item img{
      height: 420px  !important;
    }
    .carousel-inner .carousel-item img.minwidth {
      width: 350px !important;
      align-items: center;
      margin: auto;
    }
    
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

      .hide-mobile {
        display: block !important;
      }
      .hide-mobile.mobile-slider {
        margin-top: 65px;	
      }
      .hide-desktop {
        display: none;
      }
      .info-main-area {
          width: 90% !important;
      }
      .info-area-left {
          float: none;
          width: 100%;
          font-size: 14px;
          line-height: 24px;
          text-align: left;
      }
      .info-area-right {
          width: 100%;
          float: none;
      }
      iframe {
          width: 100%;
          height: auto;
          min-height: 213px;
      }
      div#worksCarousel {
          width: 110%;
          margin-left: -5%;
      }
      #worksCarousel .carousel-item img {
          height: auto;
      }
      #works-area .col-md-4 {
          margin-left: auto;
          margin-top: 30px;
          width: 92%;
          margin-right: auto;
      }
      #works-area .col-md-4 ul {
          display: block;
        padding-top: 20px;
      }
      div#worksCarousel .carousel-inner {
          border-radius: 0;
          overflow: hidden;
          box-shadow: none;
      }
      div#worksCarousel .carousel-indicators {
          /* bottom: -300px;
          position: relative; */
      }
      #worksCarousel .carousel-control-next {
          display: none;
      }
      #worksCarousel .carousel-control-prev {
          display: none;
      }
      #worksCarousel li div {
          display: none;
      }
      button.navbar-toggler {
          float: right;
          margin-top: 4px;
      }
      div#navbarSupportedContent {
          float: none;
          margin-top: 0;
      }
      div#navbarSupportedContent .float-right {
          float: none !important;
      }
      div#navbarSupportedContent li.nav-item {
          margin-left: 0;
          text-align: center;
          border-bottom: 1px solid #ccc;
      }
      .header-sticky button.navbar-toggler {
          float: right;
          margin-top: 4px;
      }
      #carouselExampleIndicators .carousel-item img {
          height: auto;
      }
      .carousel-control-next, .carousel-control-prev {
          display: none !important;
      }
      .carousel-caption {
          bottom: 0 !important;
          top: auto !important;
          display: block !important;
          background-color: rgba(0,0,0,0.5);
          width: 100%;
          left: 0;
      }
      .carousel-item p {
          font-size: 16px;
          color: #fcfcfc;
          margin: 0;
      }
      .tab button {
          font-size: 0;
      }
      .tab button .fa {
          font-size: 20px;
      }
      .tab button.active {
          font-size: 20px;
      }
      section#information-area {
          padding: 60px 0 0 0;
      }
      section#platform-area, section#signup-area {
          padding: 50px 0;
      }
      #information-area .hide-mobile,
      #platform-area .col-md-4,
      #signup-area .hide-mobile,
       {
          margin-bottom: 15px;
      }
      #footer .row.footer-info > div {
        margin-bottom: 20px;
          border-bottom: 1px solid rgba(255,255,255,0.5);
      }
      iframe {
          margin-bottom: 15px;
      }
      #footer hr {
          display: none;
      }
      .social-links ul.float-right {
          float: none !important;
          width: 98px;
          height: 30px;
          margin: 0 auto;
      }
      .col-sm-6.sitemap-links {
          display: none;
      }
      .page-header {
          width: 100%;
          text-align: center;
      }

      /* second carousel */
      #works-area .col-12 ul {
        display: block;
        margin-top: 60px;
      }
      #works-area .col-12 ul li, div ul li{
        font-size: 18px;
        padding-left: 0px;
      }
      #information-area div ul li {
        padding-top: 5px;
      }
      #works-area .col-12 {
        margin-left: 0;
      }
      .student_section {
        padding-top: 20px;
      }
      #new_prodcut {
        padding-top: 55px;
      }
      .mobile_prdouct_video {
        padding-top: 25px;
        width: 100%;
      }
      .mobile_prdouct_video, .product_video_container {
        width: 100%;
      }
      #information-area .mobile_studen_video {
        margin-bottom: 0px;
      }
      #platform-area .vison_image_right {
        display: none !important;
      }
      #platform-area .vison_image_left {
        display: block !important;
      }
      #signup-area .vison_image_right {
        display: none !important;
      }
      #signup-area .vison_image_left {
        display: block !important;
      }
      .studen_video_container, .product_video_container {
          width: 50%;
      }
      section#works-area {
        padding: 30px 0 0px;
      }
      /* team image */
      #signup-area img {
          height: 150px !important;
      }
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
    #navbarSupportedContent li.nav-item {
      margin-left: 5px;
    }

    /* studen and product section */
    .student_section .studen_video_container{
      width: 430px;
    }
    .student_section .info-area-right {
      width: 397px;
      float: left;
    }
    .student_section .info-area-left {
      width: 520px;
      margin-left: 20px;
    }
    .product_video_container {
        width: 430px;
        margin-left: 30px;
    }
    #new_prodcut .info-area-right {
      width: 480px;
      float: left;
    }
    .locate_us_map  {
      width: 300px;
    }
    #works-area .col-12.float-right.how-text ul li {
      font-size: 15px;
      list-style: none;
    }
    /* team image */
    #signup-area img {
      height: 150px !important;
  }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    /* Menu */
    nav .custom-navbar {
      width: 100%;
      margin: 0;
    }
    .custom-navbar .navbar-toggler {
      float: right;
      margin-right: 20px;
    }
    div#navbarSupportedContent li.nav-item {
      margin-left: 0;
      text-align: center;
      border-bottom: 1px solid #ccc;
    }
    .navbar-collapse.collapse {
      width:100%;
    }
    .navbar-collapse.collapse .mr-auto.mx-auto {
      margin-right: none !important;
    }
    .navbar-collapse.collapse .float-right  {
      float:none !important;
    }
    .locate_us_map {
        width: 300px;
    }
    section#works-area {
      padding: 30px 0 20px;
    }
    #signup-area .team-body {
      height: 100%;
    }
    #signup-area .team-body .team-content {
      margin-top: 50%;
    }
    #signup-area .align-middle {
      margin-top: 6%;
    }
    #platform-area .align-middle {
      margin-top: 18%;
    }
    
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape)  {
    /* Menu */
    #navbarSupportedContent li.nav-item {
      margin-left: 5px;
    }
    #signup-area .align-middle {
      margin-top: 5%;
    }
    #signup-area .team-body {
      height: 100%;
    }
    #signup-area .team-body .team-content {
      margin-top: 15%;
    }
    .carousel-item.item-three .carousel-caption .row {
      width: 119%;
    }
    /* team image */
    #signup-area img {
        height: 180px !important;
    }
      
}

/* ----------- iPad Pro 10.5" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 1112px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */

@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
    /* Menu */
    #navbarSupportedContent li.nav-item {
      margin-left: 5px;
    }
    section#works-area {
      padding: 30px 0 20px;
    }
    #works-area .col-12 ul {
      display: block;
      margin-top: 30px;
    }
    #platform-area .align-middle {
      margin-top: 0px;
    }
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */

@media only screen 
  and (min-device-width: 1112px) 
  and (max-device-width: 1112px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    /* Menu */
    #navbarSupportedContent li.nav-item {
      margin-left: 5px;
    }
    #worksCarousel ol.carousel-indicators li div {
      display: none;
    }
    #worksCarousel .carousel-control-prev {
      display: none;
    }
    #worksCarousel .carousel-control-next {
      display: none;
    }
    #works-area .col-12.float-left{
      margin-left: 0px;
    }
    #works-area .col-12.float-right.how-text{
      margin-left: 0px;
    }
    #works-area .col-12.float-right.how-text ul{
      display: block;
    }
    .carousel-item.item-three .carousel-caption .row {
      width: 119%;
    }
}

/* ----------- iPad Pro 12.9" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 2) {
    /* Menu */
    #navbarSupportedContent li.nav-item {
      margin-left: 5px;
      margin-top: 7px;
      
    }
    .custom-navbar {
      width:auto;
    }
    .carousel-item.item-three h4 {
      left: 40%;
    }
    #platform-area .align-middle {
      margin-top: 0px;
    }
}

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
     /* Menu */
     nav .custom-navbar {
      width: 100%;
      margin: 0;
    }
    .custom-navbar .navbar-toggler {
      float: right;
      margin-right: 20px;
    }
    div#navbarSupportedContent li.nav-item {
      margin-left: 0;
      text-align: center;
      border-bottom: 1px solid #ccc;
    }
    .navbar-collapse.collapse {
      width:100%;
    }
    .navbar-collapse.collapse .mr-auto.mx-auto {
      margin-right: none !important;
    }
    .navbar-collapse.collapse .float-right  {
      float:none !important;
    }
    div#navbarSupportedContent li.nav-item {
      border-bottom: 1px solid #f2f2f2;
    }
    div#navbarSupportedContent {
      margin-left: 252px;
      margin-right: 0px;
      margin-top: -40px;
      margin-bottom: 0px;
      background-color: #f2f2f2;
    }
    a#logo img {
      margin-top: 12px;
    }
    .locate_us_map {
          width: 300px;
    }
    #works-area .col-12 ul {
      display: block;
      margin-top: 30px;
    }
    
}

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
@media only screen 
  and (min-device-width: 1366px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    /* Menu */
    #navbarSupportedContent li.nav-item {
      margin-left: 5px;
    }
    #worksCarousel ol.carousel-indicators li div {
      display: none;
    }
    #worksCarousel .carousel-control-prev {
      display: none;
    }
    #worksCarousel .carousel-control-next {
      display: none;
    }
    #works-area .col-12.float-left{
      margin-left: 0px;
    }
    #works-area .col-12.float-right.how-text{
      margin-left: 0px;
    }
    #works-area .col-12.float-right.how-text ul{
      display: block;
    }
    #works-area .col-12.float-right.how-text ul li {
      font-size: 16px;
      list-style: none;
    }
    .carousel-item.item-three .carousel-caption .row {
      width: 119%;
    }
}










/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
    #works-area .col-12 ul {
      padding-left: 10px;
    }
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
     /* studen and product section */
     .student_section .studen_video_container{
      width: 370px;
    }
    .student_section .info-area-right {
      width: 397px;
      float: left;
    }
    .student_section .info-area-left {
      width: 374px;
      margin-left: 20px;
    }
    .product_video_container {
        width: 370px;
        margin-left: 30px;
    }
    #new_prodcut .info-area-right {
      width: 360px;
      float: left;
    }
    #new_prodcut .info-area-left {
      width: 430px;
    }
    #works-area .col-12 ul {
      margin-top: 50px;
    }
    /* Menu */
    #navbarSupportedContent li.nav-item {
      margin-left: 5px;
    }
    #worksCarousel ol.carousel-indicators li div {
      display: none;
    }
    #worksCarousel .carousel-control-prev {
      display: none;
    }
    #worksCarousel .carousel-control-next {
      display: none;
    }
    #works-area .col-12.float-left{
      margin-left: 0px;
    }
    #works-area .col-12.float-right.how-text{
      margin-left: 0px;
    }
    #works-area .col-12.float-right.how-text ul{
      display: block;
    }
    #works-area .col-12.float-right.how-text ul li {
      font-size: 16px;
      list-style: none;
    }
    /* Menu */
    button.navbar-toggler {
        float: right;
        margin-top: 4px;
    }
    div#navbarSupportedContent {
        float: none;
        margin-top: 0;
    }
    div#navbarSupportedContent .float-right {
        float: none !important;
    }
    div#navbarSupportedContent li.nav-item {
        margin-left: 0;
        text-align: center;
        border-bottom: 1px solid #ccc;
    }
    .header-sticky button.navbar-toggler {
        float: right;
        margin-top: 4px;
    }
    .carousel-inner .carousel-item {
      height: 340px !important;
    }
    .carousel-inner .carousel-item img{
      height: 340px !important;
    }
    /* Carouse Text adujstment */
    .item-two .carousel-caption h5, .item-two .carousel-caption h6 {
     top: -123px;
     width: 220px;
     left: -92px;
    } 
    .item-two .carousel-caption h6 {
      left: 466px;
      top: 123px !important;
    }
    .carousel-item.item-three .h3, .carousel-item.item-three .h4, .carousel-item.item-three .h5 {
      top: 100px;
    }
     .carousel-item.item-three .h5 {
      top: 100px;
    }
    .carousel-item.item-three .carousel-caption .row {
      width: 119%;
    }
    .carousel-item.item-three h4 {
        left: 32%;
    }
    .carousel-item.item-four h5 {
      margin-top: -60px;
    }
    .item-one .carousel-caption {
        top: 229px;
    }
    /* carousel end */
    section#works-area {
      padding: 30px 0 20px;
    }
    #signup-area .col-md-4.hide-desktop img {
      height: 260px;
    }
    #works-area .col-12 ul {
      padding-left: 0px;
    }
    /* team image  */
    #signup-area img {
        height: 184px !important;
    }
    
}